@charset "utf-8";
/*************************************css reset*************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-family:Arial,Helvetica,'\5FAE\8F6F\96C5\9ED1','\5B8B\4F53',sans-serif;
}
.icon,
svg.icon {
    width: 1em !important;
    height: 1em !important;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
    display: inline-block;
}
a {
	text-decoration: none;
	color: #666
}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
em,i,dfn {font-style: normal}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*************************************css style preset*************************************/
.clearfix:after { clear:both; display:table;content:'';}
.clearfix { *zoom:1;}
.tc{ text-align:center;}
.pr{position: relative;}
.pb{position: absolute;}
.pf{position: fixed;}
.fl{ float:left;}
.fr{ float:right;}
.of{overflow:hidden}
.hide{display: none;}
.vh{visibility: hidden;}
.vt{vertical-align: top;}
.vm{vertical-align: middle;}
.vb{vertical-align: bottom;}
.middle{width: 0;height: 100%;display: inline-block;*display: inline;*zoom:1;vertical-align: middle;}
.inline{display: inline-block;*display: inline;*zoom:1;}
.block{display: block;}
.cover{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.no-margin{margin: 0 !important;}
.text-overflow{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.font-bold{font-weight: bold;}

/*************************************** css formal style **********************************/
body{background: #f7f8fa;font-size: 16px;font-family: "Microsoft Yahei";min-width: 1200px;}

/**********头部样式**********/
.header{position: absolute;z-index:10;min-width: 1200px;width: 100%;top: 0;left: 0;}
.header .header-con{width:1200px;height: 80px;line-height: 80px;margin:0 auto;text-align: center;}

/****左边部分****/
.header-con .img-logo-wrap{margin-top: 20px;}
.header-con .img-logo{height: 40px;display: block;}

/****中间部分****/

/*导航栏*/
.header .nav-list{font-size: 16px;}
.header .nav-list .list-item{float: left;position: relative;}
.header .nav-list .link{display: block;padding: 0 20px;color: #52555f;}
.header .nav-list .link:hover{color: #5268f2;}
.header .nav-list .list-item .line{display: none;position: absolute;width: 50px;height: 4px;background: #5268f2;left: 50%;margin-left: -25px;bottom: 0;}
.header .nav-list .list-item .line-1{height: 6px;border-radius: 4px;}
.header .nav-list .list-item.active .link{color: #5268f2;font-size: 15px;}
.header .nav-list .list-item.active .line{display: block;}
.header .nav-list .list-item .img-tooltip{position: absolute;width: 61px;height: 26px;left: 50%;margin-left: -30px;top: 3px;}

/****右边部分****/
/*登录前*/
.header .login-before{position: relative;}
.header .login-before .btn{width: 88px;line-height: 28px;font-size: 15px;border: 1px solid #5268f2;margin-top: 21px;}
.header .login-before .btn-login{color: #5268f2;}
.header .login-before .btn-register{color: #fff;background: #5268f2;margin-right: 14px;}
.header .login-before .img-tooltip{position: absolute;width: 82px;height: 26px;bottom: -26px;left: 4px;}

/*登录后*/
.header .login-after .btn{text-align: center;}
.header .login-after .btn-user{margin-right: 39px;margin-top: 23px;}
.header .login-after .btn-user.active{background: #edf2f2;}
.header .login-after .btn-user .img{display: block;width: 34px;margin: 0 auto;}
.header .login-after .btn-logout{width: 88px;line-height: 28px;font-size: 15px;border: 1px solid #5268f2;color: #5268f2;margin-top: 25px;}
.header .login-after .btn-logout:hover{background: #5268f2;color: #fff;}

/**********底部样式**********/
.footer{background: #222;}
.footer-con{width: 1200px;margin: 0 auto;padding: 35px 0 70px;overflow: hidden;}
.footer-con .left-side{float: left;padding-top: 21px;}
.footer-con .left-side .tip{font-size: 14px;}
.footer-con .left-side .tip .txt-1{width: 145px;color: #fff;font-weight: bold;}

.footer-con .left-side .tip-1{}
.footer-con .left-side .tip-1 .txt-2{width: 191px;color: #8f8f8f;}
.footer-con .left-side .tip-1 .txt-3{color: #8f8f8f;}

.footer-con .left-side .tip-2{margin-top: 33px;}
.footer-con .left-side .tip-2 .txt-2{color: #8f8f8f;}
.footer-con .left-side .tip-2 .txt-3{color: #8f8f8f;}

.footer-con .left-side .tip-3{margin-top: 33px;}
.footer-con .left-side .tip-3 a:hover{text-decoration: underline;}
.footer-con .left-side .tip-3 .txt-2{color: #8f8f8f;}

.footer-con .right-side{float: right;margin-right: 150px;text-align: left;}
.footer-con .right-side .img-logo{display: block;}
.footer-con .right-side .tip{font-size: 12px;color: #8f8f8f;line-height: 20px;margin-top: 34px;}

.footer-con .qrcode-area{float: right;text-align: center;}
.footer-con .qrcode-area .img-qrcode{display: block;margin: 0 auto;width: 150px;}
.footer-con .qrcode-area .tip{font-size: 12px;color: #8f8f8f;margin-top: 10px;}

/**********加载中样式**********/
.pulse-container{text-align: center;}
.pulse-container .pulse-bubble{width: 20px;height: 20px;border-radius: 50%;background: #4a8efd;margin: 0 6px;}
.pulse-container .pulse-bubble-1{-webkit-animation: pulse .4s ease 0s infinite alternate;animation: pulse .4s ease 0s infinite alternate;}
.pulse-container .pulse-bubble-2{-webkit-animation: pulse .4s ease .2s infinite alternate;animation: pulse .4s ease .2s infinite alternate;}
.pulse-container .pulse-bubble-3{-webkit-animation: pulse .4s ease .4s infinite alternate;animation: pulse .4s ease .4s infinite alternate;}

/**********用户个人中心**********/
/*主体内容样式*/
.main-be{background: #fff;}
.main-be .placeholder{height: 80px;background: #fff;box-shadow: 0 2px 10px 0 rgba(27,33,38,0.17);}
.main-be-wrap{padding: 25px 0;}
.main-be-con{width: 1200px;margin: 0 auto;position: relative;}
.main-be-con .vertical-line{position: absolute;width: 2px;left: 278px;top: -25px;bottom: -25px;background: #efefef;}
.main-be-con-table{}

/*左边导航栏样式*/
.main-be-con .left-side{width: 280px;text-align: center;}
.main-be-con-table .left-side{background: #fff;}
.main-be-con .sidebar{padding: 1px 2px 52px 62px;}
.main-be-con .sidebar .img-portrait{display: block;margin: 42px auto 0;}
.main-be-con .sidebar .user-name{margin-top: 12px;font-size: 14px;color: #707070;font-weight: bold;}
.main-be-con .sidebar .user-type-wrap{margin-top: -11px;}
.main-be-con .sidebar .user-type{position: relative;line-height: 16px;border-radius: 8px;padding: 0 21px 0 20px;}
.main-be-con .sidebar .user-type-vip{background: #f1883a;}
.main-be-con .sidebar .user-type-normal{background: #8f98a7;}
.main-be-con .sidebar .user-type .txt{font-size: 12px;color: #fff;}
.main-be-con .sidebar .user-type .img-vip{position: absolute;width: 23px;top: -5px;left: -7px;}
.main-be-con .sidebar .rest-time-title{font-size: 0;margin-top: 18px;}
.main-be-con .sidebar .rest-time-title .txt{font-size: 14px;color: #707070;}
.main-be-con .sidebar .rest-time{margin-top: 8px;font-size: 18px;color: #4a8efd;}
.main-be-con .sidebar-list{margin-top: 72px;}
.main-be-con .sidebar-list .list-item{line-height: 42px;position: relative;font-size: 0;margin-top: 42px;}
.main-be-con .sidebar-list .list-item:first-child{margin-top: 0;}
.main-be-con .sidebar-list .list-item .border-right{position: absolute;width: 4px;height: 100%;top: 0;right: 0;border-radius: 2px;background: #4a8efd;display: none;}
.main-be-con .sidebar-list .list-item:hover .border-right{display: block;}
.main-be-con .sidebar-list .list-item.active .border-right{display: block;}
.main-be-con .sidebar-list .list-item .txt{font-size: 18px;color: #9d9f9f;}
.main-be-con .sidebar-list .list-item:hover .txt{color: #4a8efd;}
.main-be-con .sidebar-list .list-item.active .txt{color: #4a8efd;}

/*右边正文样式*/
.main-be-con .right-side{}
.main-be-con-table .right-side{background: #fff;}
.main-be-con .main-con{padding-left: 40px;padding-top: 32px;}
/*.main-be-con .main-con-table{padding-right: 50px;}*/
.main-be-con .main-con .main-con-header{position: relative;line-height: 58px;}
.main-be-con .main-con .main-con-title{color: #393d3f;font-size: 20px;font-weight: bold;}
.main-be-con .main-con .main-con-header .btn-return{position: absolute;right: 0;top: 50%;margin-top: -15px;line-height: 30px;color: #393d3f;font-size: 0;}
.main-be-con .main-con .main-con-header .btn-return .img-back{margin-right: 7px;}
.main-be-con .main-con .main-con-header .btn-return .txt{font-size: 14px;}
.main-be-con .main-con-header .search-tabs{border-radius: 16px;position: absolute;right: 0;top: 14px;height: 28px;font-size: 12px;text-align: center;overflow: hidden;border-top: 1px solid #d4e5ff;border-bottom: 1px solid #d4e5ff;}
.main-be-con .main-con-header .tab-item{float: left;color: #7e869f;margin-top: -1px;border-radius: 16px;width: 82px;line-height: 30px;}
.main-be-con .main-con-header .tab-item:first-child{border-left: 1px solid #d4e5ff;}
.main-be-con .main-con-header .tab-item:last-child{border-right: 1px solid #d4e5ff;}
.main-be-con .main-con-header .tab-item.active{color: #fff;background: #6ea6ff;border-color: #6ea6ff;}

.main-be-con .main-con-header .main-con-nav-list{font-size: 20px;}
.main-be-con .main-con-header .main-con-nav-list .list-item{float: left;position: relative;}
.main-be-con .main-con-header .main-con-nav-list .item-link{display: block;padding: 0 32px 35px;color: #999;}
.main-be-con .main-con-header .main-con-nav-list .line{display: none;position: absolute;width: 42px;height: 4px;left: 50%;margin-left: -21px;bottom: 0;background: #4a8efd;border-radius: 2px;}
.main-be-con .main-con-header .main-con-nav-list .list-item:hover .line{display: block;}
.main-be-con .main-con-header .main-con-nav-list .list-item:hover .item-link{font-weight: bold;color: #161c3b;}
.main-be-con .main-con-header .main-con-nav-list .list-item.active .item-link{cursor: default;color: #161c3b;font-weight: bold;}
.main-be-con .main-con-header .main-con-nav-list .list-item.active .line{display: block;}

.main-user .split-line{width: 500px;height: 2px;background: #efefef;}
.main-user .split-line-1{margin-top: 34px;}
.main-user .split-line-2{width: auto;}

.main-user .user-info-wrap{padding-top: 49px;}
.main-user .user-info-item{margin-top: 36px;line-height: 30px;}
.main-user .user-info-item:first-child{margin-top: 0;}
.main-user .user-info-item .item-title{width: 265px;color: #707070;font-size: 18px;}
.main-user .user-info-item .item-con{font-size: 0;}
.main-user .item-con .txt-1{font-size: 18px;color: #707070;}
.main-user .item-con .btn-1{font-size: 14px;color: #4a8efd;padding: 0 22px;line-height: 30px;border-radius: 16px;border: 1px solid #4a8efd;margin-left: 20px;}
.main-user .item-con .btn-1:hover{background: #4a8efd;color: #fff;}
.main-user .user-info-wrap .split-line{}

.main-user .nav-content-area{}
.main-user .nav-content-1{padding-top: 18px;}
.main-user .nav-content-2{padding-top: 19px;}
.main-user .nav-content-3{padding-top: 1px;}
.main-user .nav-content-5{padding-top: 24px;}

.main-user .nav-content .form-wrap{position: relative;padding-top: 1px;}
.main-user .nav-content .form-wrap .btn-return{position: absolute;right: 0;top: 50%;margin-top: -15px;line-height: 30px;color: #393d3f;font-size: 0;}
.main-user .nav-content .form-wrap .btn-return .img-back{margin-right: 7px;}
.main-user .nav-content .form-wrap .btn-return .txt{font-size: 14px;}
.main-user .nav-content .form-item{margin-top: 24px;line-height: 42px;padding-left: 31px;}
.main-user .nav-content .form-item .item-title{width: 265px;color: #161c3b;font-size: 18px;}
.main-user .nav-content .form-item .item-con{font-size: 0;}
.main-user .nav-content .form-item .item-remarks{font-size: 12px;color: #4a8efd;line-height: 20px;margin-left: -6px;margin-top: 9px;}
.main-user .nav-content .select-box-wrap{background: #fff;cursor: pointer;position: relative;margin-top: 5px;}
.main-user .nav-content .select-box{border-radius: 8px;border: 1px solid #d3ddf4;line-height: 30px;padding: 0 40px 0 16px;}
.main-user .nav-content .select-box-wrap .icon-more{position: absolute;width: 17px;height: 10px;right: 12px;top: 12px;background: url(/o_img/popbox/icon_more.png) no-repeat;}
.main-user .nav-content .select-box-wrap.active .icon-more{background-position: 0 -10px;}
.main-user .nav-content .select-list-wrap{background: #fff;line-height: 32px;position: absolute;left: 0;top: 0;min-width: 100%;border-radius: 8px;overflow: hidden;border: 1px solid #d3ddf4;}
.main-user .nav-content .select-list-wrap .select-txt{font-size: 16px;color: #22252e;padding: 0 40px 0 16px;}
.main-user .nav-content .select-list{}
.main-user .nav-content .select-list .list-item{cursor: pointer;padding: 0 40px 0 16px;color: #999;font-size: 16px;}
.main-user .nav-content .select-list .list-item:hover{background: #e2edff;color: #4a8efd;}
.main-user .nav-content .item-con .txt-1{font-size: 16px;color: #22252e;}
.main-user .nav-content .item-con .txt-2{font-size: 36px;color: #4a8efd;}
.main-user .nav-content .item-con .btn-minus{width: 20px;height: 20px;background: url(/o_img/popbox/btn_minus.png?v=20190604001) no-repeat;}
.main-user .nav-content .item-con .btn-minus:hover{background-position: 0 -20px;}
.main-user .nav-content .item-con .btn-minus:active{background-position: 0 -40px;}
.main-user .nav-content .item-con .btn-add{width: 20px;height: 20px;background: url(/o_img/popbox/btn_add.png?v=20190604001) no-repeat;}
.main-user .nav-content .item-con .btn-add:hover{background-position: 0 -20px;}
.main-user .nav-content .item-con .btn-add:active{background-position: 0 -40px;}
.main-user .nav-content .item-con .input-txt{text-align: center;border: 1px solid #e8eaef;border-radius: 4px;font-size: 16px;color: #22252e;padding: 0;}
.main-user .nav-content .item-con .input-txt:focus{border-color: #4a8efd;}
.main-user .nav-content .item-con .input-txt-1{width: 88px;height: 30px;line-height: 30px;margin: 0 6px;}
.main-user .nav-content .item-con .input-txt-2{text-align: left;width: 120px;padding: 0 15px 0 13px;height: 30px;line-height: 30px;}
.main-user .nav-content .item-con .input-txt-3{text-align: left;width: 328px;padding: 0 18px 0 13px;height: 30px;line-height: 30px;}
.main-user .nav-content .item-con .input-txt-4{margin-left: 26px;text-align: left;width: 120px;padding: 0 15px 0 13px;height: 30px;line-height: 30px;}
.main-user .nav-content .item-con .input-txt-5{text-align: left;width: 240px;padding: 0 15px 0 13px;height: 30px;line-height: 30px;}
.main-user .nav-content .item-con .input-txt-6{text-align: left;width: 150px;padding: 0 12px 0 13px;height: 30px;line-height: 30px;}
.main-user .nav-content .item-con .input-txt-7{width: 63px;padding: 0 12px 0 13px;height: 30px;line-height: 30px;}
.main-user .nav-content .item-con .input-txt-8{margin-left: 26px;text-align: left;width: 170px;padding: 0 19px 0 14px;height: 30px;line-height: 30px;}
.main-user .nav-content .item-con .payway{width: 130px;height: 42px;background-repeat: no-repeat;}
.main-user .nav-content .item-con .payway:hover{background-position: 0 -42px;}
.main-user .nav-content .item-con .payway.active{background-position: 0 -84px;}
.main-user .nav-content .item-con .payway-wechat{background-image: url(/o_img/popbox/pay_wechat.png);margin-right: 15px;}
.main-user .nav-content .item-con .payway-alipay{background-image: url(/o_img/popbox/pay_alipay.png);}
.main-user .nav-content .form-wrap .split-line{width: auto;height: 1px;background: #e8eaef;margin: 34px 0 40px;}
.main-user .nav-content .form-item .item-con .btn-open{padding: 0 18px;height: 30px;line-height: 30px;color: #fff;font-size: 14px;border-radius: 15px;background: #4a8efd;}
.main-user .nav-content .form-item .item-con .btn-open:hover{}
.main-user .nav-content .form-item .item-con .btn-open:active{background: #b9cadb;}
.main-user .nav-content .form-item .item-con .btn-pay{padding: 0 31px;height: 30px;line-height: 30px;color: #fff;font-size: 14px;border-radius: 12px;background: #4a8efd;}
.main-user .nav-content .form-item .item-con .btn-pay:hover{color: ;}
.main-user .nav-content .form-item .item-con .btn-pay:active{background: #b9cadb;}
.main-user .nav-content .form-item .item-con .btn-search{text-align: center;padding: 0 31px;height: 30px;line-height: 30px;color: #fff;font-size: 14px;border-radius: 12px;background: #4a8efd;}
.main-user .nav-content .form-item .item-con .btn-search:hover{color: ;}
.main-user .nav-content .form-item .item-con .btn-search:active{background: #b9cadb;}
.main-user .nav-content .error-tip-area{position: relative;line-height: 24px;margin-left: 21px;margin-top: 9px;padding: 0 13px;background: #ff3b61;border-radius: 10px;font-size: 0;}
.main-user .nav-content-4 .error-tip-area{margin-top: 4px;}
.main-user .nav-content .error-tip-area .triangle{position: absolute;width: 9px;left: -6px;top: 5px;}
.main-user .nav-content .error-tip-area .error-tip{font-size: 12px;color: #fff;}


.main-user .nav-content-2 .form-item{margin-top: 0;}
.main-user .nav-content-2 .form-item .item-con .btn-pay{margin-left: 26px;}

.main-user .nav-content-3 .item-con .txt-2{font-size: 18px;}
.main-user .nav-content-3 .form-item .item-remarks{margin: 0 0 0 16px;line-height: 42px;}

.main-user .nav-content-4 .form-wrap{z-index: 1;}
.main-user .nav-content-4 .form-item{padding-left: 0;}
.main-user .nav-content-4 .select-box-wrap{margin: 0 0 0 26px;min-width: 150px;}
.main-user .nav-content-4 .form-item .item-con .btn-search{margin-left: 26px;}
.main-user .nav-content-4 .error-tip-area{margin-top: 4px;}

.main-user .nav-content-6 .form-wrap{z-index: 1;}
.main-user .nav-content-6 .form-item{padding-left: 0;}
.main-user .nav-content-6 .user-type-wrap{}
.main-user .nav-content-6 .title{margin-right: 7px;font-size: 18px;color: #161c3b;line-height: 32px;}
.main-user .nav-content-6 .select-box-wrap{margin: 0;}
.main-user .nav-content-6 .form-item .item-con .btn-search{margin-left: 26px;}
.main-user .nav-content-6 .error-tip-area{margin-top: 4px;}

/*表格样式*/
.main-be-con .main-con .data-area{min-height: 724px;position: relative;}
.main-be-con .main-con .data-table-wrap{padding-top: 25px;}
.main-be-con .main-con .data-table{width: 100%;}
.main-be-con .main-con .data-table .color-1{color: #4a8efd;}
.main-be-con .main-con .data-table .link-view{color: #4a8efd;padding-bottom: 4px;}
.main-be-con .main-con .data-table .link-view:hover{border-bottom: 1px solid #4a8efd;}
.main-be-con .main-con .data-table .btn{display: inline-block;border-radius: 12px;padding: 0 17px;line-height: 22px;font-size: 12px;}
.main-be-con .main-con .data-table .btn-1{border: 1px solid #4a8efd;color: #4a8efd;}
.main-be-con .main-con .data-table .btn-1:hover{background: #4a8efd;color: #fff;}
.main-be-con .main-con .data-table thead{line-height: 50px;color: #707070;font-size: 14px;text-align: left;background: #f9f9f9;}
.main-be-con .main-con .data-table thead th{padding: 0 8px;font-weight: bold;}
.main-be-con .main-con .data-table-long thead th{min-width: 75px;}
.main-be-con .main-con .data-table thead .data-table-th-1{min-width: 85px;}
.main-be-con .main-con .data-table thead .data-table-th-2{min-width: 50px;}
.main-be-con .main-con .data-table tbody td{padding: 0 8px;}
.main-be-con .main-con .data-table tbody{line-height: 56px;font-size: 12px;color: #707070;}
.main-be-con .main-con .data-table-long tbody{line-height: 28px;}
.main-be-con .main-con .data-table tbody tr{border-bottom: 1px solid #e7eaee;}

/*没有相关数据*/
.main-be-con .main-con .no-data{padding-top: 120px;}
.main-be-con .main-con .no-data .img-no-data{display: block;margin: 0 auto;}

/*分页样式*/
.pagination-wrap{position: absolute;right: 0;bottom: 30px;}
.pagination{font-size: 12px;line-height: 32px;text-align: center;}
.pagination li{float: left;margin-left: 5px;}
.pagination li a{float: left;width: 32px;color: #22252e;border-radius: 50%;}
.pagination li a:hover{background: #4a8efd;color: #fff;}
.pagination .active a,.pagination .active a:hover{background: #4a8efd;color: #fff;cursor: default;}
.pagination .disabled a,.pagination .disabled a:hover{color: #7e869f;background: #eee;cursor: not-allowed;}

.pagination-info{margin-left: 8px;font-size: 0;line-height: 32px;}
.pagination-info .txt{font-size: 12px;color: #22252e;}
.pagination-info .txt-1{margin-left: 4px;}
.pagination-info .input-txt{border-radius: 6px;border: 1px solid #d8d8d8;width: 38px;height: 20px;line-height: 20px;padding: 0;font-size: 12px;color: #333;text-align: center;margin-left: 4px;margin-right: 10px;}
.pagination-info .btn-jump{line-height: 22px;padding: 0 10px;background: #4a8efd;color: #fff;font-size: 12px;margin-left: 12px;border-radius: 6px;}

/**********弹出区域**********/
.pop-area{z-index: 10000;}
.pop-area.pf{position: fixed;}
.mask-layer{background: #444750;opacity: .3;filter:alpha(opacity=30);}
.pop-box{left: 50%;top: 50%;}

/****支付弹窗****/
.pop-pay{position: absolute;width: 546px;margin-left: -273px;margin-top: -314px;overflow: hidden;border-radius: 8px;background: #fff;}

/*左边部分*/

/*右边部分*/
.pop-pay .right-side{height: 589px;padding-top: 39px;padding-left: 65px;}
.pop-pay .pop-header{position: relative;line-height: 58px;}
.pop-pay .pop-header-title{color: #22252e;font-size: 18px;font-weight: bold;}
.pop-pay .pop-header .line{position: absolute;width: 48px;bottom: 0;left: 0;height: 2px;background: #22252e;border-radius: 2px;}
.pop-pay .pop-close{position: absolute;width: 17px;height: 17px;top: 13px;right: 21px;background: url(/o_img/popbox/close.png?v=20200531001) no-repeat center;}

.pop-pay .form-wrap{padding-top: 45px;}
.pop-pay .form-item{margin-top: 25px;line-height: 42px;}
.pop-pay .form-item:first-child{margin-top: 0;}
.pop-pay .form-item .item-title{width: 102px;color: #22252e;font-size: 16px;}
.pop-pay .form-item .item-con{font-size: 0;}
.pop-pay .form-item .item-remarks{font-size: 16px;color: #4a8efd;line-height: 56px;margin-right: 65px;}
.pop-pay .select-box-wrap{background: #fff;cursor: pointer;position: relative;}
.pop-pay .select-box{border-radius: 21px;border: 1px solid #e8eaef;line-height: 40px;padding: 0 40px 0 16px;}
.pop-pay .select-box-wrap .icon-more{position: absolute;width: 17px;height: 10px;right: 12px;top: 16px;background: url(/o_img/popbox/icon_more.png) no-repeat;}
.pop-pay .select-box-wrap.active .icon-more{background-position: 0 -10px;}
.pop-pay .select-list-wrap{background: #fff;line-height: 42px;position: absolute;left: 0;top: 0;min-width: 100%;border-radius: 21px;overflow: hidden;box-shadow: 0 0 9px 0 rgba(224, 224, 224, .4);}
.pop-pay .select-list-wrap .select-txt{font-size: 16px;color: #22252e;padding: 0 40px 0 16px;}
.pop-pay .select-list{}
.pop-pay .select-list .list-item{cursor: pointer;padding: 0 40px 0 16px;color: #999;font-size: 16px;}
.pop-pay .select-list .list-item:hover{background: #e2edff;color: #4a8efd;}
.pop-pay .item-con .txt-1{font-size: 16px;color: #22252e;}
.pop-pay .item-con .txt-2{font-size: 36px;color: #4a8efd;}
.pop-pay .item-con .btn-minus{width: 20px;height: 20px;background: url(/o_img/popbox/btn_minus.png) no-repeat;}
.pop-pay .item-con .btn-minus:hover{background-position: 0 -20px;}
.pop-pay .item-con .btn-add{width: 20px;height: 20px;background: url(/o_img/popbox/btn_add.png) no-repeat;}
.pop-pay .item-con .btn-add:hover{background-position: 0 -20px;}
.pop-pay .item-con .input-txt{text-align: center;border: 1px solid #e8eaef;border-radius: 8px;font-size: 16px;color: #22252e;padding: 0;}
.pop-pay .item-con .input-txt:focus{border-color: #4a8efd;}
.pop-pay .item-con .input-txt-1{width: 83px;height: 30px;line-height: 30px;margin: 0 6px;}
.pop-pay .item-con .payway{width: 130px;height: 42px;background-repeat: no-repeat;}
.pop-pay .item-con .payway:hover{background-position: 0 -42px;}
.pop-pay .item-con .payway.active{background-position: 0 -84px;}
.pop-pay .item-con .payway-wechat{background-image: url(/o_img/popbox/pay_wechat.png);margin-right: 15px;}
.pop-pay .item-con .payway-alipay{background-image: url(/o_img/popbox/pay_alipay.png);}
.pop-pay .form-wrap .split-line{width: 416px;height: 1px;background: #e8eaef;margin-top: 34px;}
.pop-pay .form-item .item-con .btn-pay{display: block;margin: 0 auto;width: 200px;height: 42px;line-height: 42px;color: #fff;font-size: 16px;text-align: center;border-radius: 8px;background: #4a8efd;}
.pop-pay .form-item .item-con .payment-discount{position: relative;line-height: 20px;margin: 10px 0 8px 0;padding: 0 13px;background: #ff3b61;border-radius: 10px;}
.pop-pay .form-item .item-con .payment-discount .triangle{position: absolute;width: 13px;left: 50%;margin-left: -6px;top: 19px;}
.pop-pay .form-item .item-con .payment-discount .discount-info{font-size: 12px;color: #fff;}

/****弹窗状态公共部分****/
.pop-pay-status .pop-close{position: absolute;width: 17px;height: 17px;top: 13px;right: 21px;background: url(/o_img/popbox/close.png?v=20200531001) no-repeat center;}

/*确认支付弹窗*/
.pop-pay-sure{position: absolute;width: 444px;height: 451px;margin-left: -222px;margin-top: -226px;text-align: center;padding-top: 1px;border-radius: 4px;background: #fff;}
.pop-pay-sure .pay-sure-tip{font-size: 16px;color: #22252e;margin-top: 30px;}
.pop-pay-sure .pay-sure-price{font-size: 30px;color: #4a8efd;margin-top: 23px;}
.pop-pay-sure .img-qrcode-wrap{width: 256px;margin: 0 auto 0;}
.pop-pay-sure .img-qrcode{display: block;width: 100%;}
.pop-pay-sure .btn{display: block;margin: 42px auto 0;width: 200px;height: 42px;line-height: 42px;color: #fff;font-size: 16px;text-align: center;border-radius: 22px;background: -webkit-linear-gradient(-30deg,rgba(48,129,255,1) 0%,rgba(110,166,255,1) 100%);background: -moz-linear-gradient(-30deg,rgba(48,129,255,1) 0%,rgba(110,166,255,1) 100%);background: -o-linear-gradient(-30deg,rgba(48,129,255,1) 0%,rgba(110,166,255,1) 100%);background: -ms-linear-gradient(-30deg,rgba(48,129,255,1) 0%,rgba(110,166,255,1) 100%);background: linear-gradient(-30deg,rgba(48,129,255,1) 0%,rgba(110,166,255,1) 100%);background-color: #3383ff;}

/*正在支付弹窗*/
.pop-pay-loading{position: absolute;width: 432px;height: 249px;margin-left: -216px;margin-top: -125px;text-align: center;padding-top: 1px;border-radius: 8px;background: #fff;box-shadow: 0px 0px 23px 0px rgba(146, 156, 159, 0.16);}
.pop-pay-loading .pay-loading-tip{font-size: 20px;color: #161c3b;margin-top: 0;font-weight: bold;}
.pop-pay-loading .pulse-container{margin-top: 25px;}

/*支付成功弹窗*/
.pop-pay-success{position: absolute;width: 444px;height: 303px;margin-left: -222px;margin-top: -152px;text-align: center;padding-top: 1px;border-radius: 4px;background: #fff;}
.pop-pay-success .pay-success-tip{font-size: 16px;color: #4a8efd;margin-top: 20px;}
.pop-pay-success .img-icon{display: block;width: 75px;margin: 30px auto 0;}
.pop-pay-success .btn{display: block;margin: 42px auto 0;width: 200px;height: 42px;line-height: 42px;color: #fff;font-size: 16px;text-align: center;border-radius: 8px;background: #4a8efd;}

/*支付失败弹窗*/
.pop-pay-fail{position: absolute;width: 444px;height: 303px;margin-left: -222px;margin-top: -152px;text-align: center;padding-top: 1px;border-radius: 4px;background: #fff;}
.pop-pay-fail .pay-fail-tip{font-size: 16px;color: #4a8efd;margin-top: 0;}
.pop-pay-fail .img-icon{display: block;width: 75px;margin: 30px auto 0;}
.pop-pay-fail .btn{display: block;margin: 42px auto 0;width: 200px;height: 42px;line-height: 42px;color: #fff;font-size: 16px;text-align: center;border-radius: 22px;background: -webkit-linear-gradient(-30deg,rgba(48,129,255,1) 0%,rgba(110,166,255,1) 100%);background: -moz-linear-gradient(-30deg,rgba(48,129,255,1) 0%,rgba(110,166,255,1) 100%);background: -o-linear-gradient(-30deg,rgba(48,129,255,1) 0%,rgba(110,166,255,1) 100%);background: -ms-linear-gradient(-30deg,rgba(48,129,255,1) 0%,rgba(110,166,255,1) 100%);background: linear-gradient(-30deg,rgba(48,129,255,1) 0%,rgba(110,166,255,1) 100%);background-color: #3383ff;}

/****用户注册登录弹窗****/

/****弹窗公共部分****/
.pop-user{position: absolute;width: 432px;margin-left: -216px;overflow: hidden;border-radius: 4px;background: #fff;}

/*左边部分*/

/*右边部分*/
.pop-user .right-side{padding: 39px 49px 0;}
.pop-user .pop-close{font-size: 0;line-height: 24px;position: absolute;}
.pop-user .pop-close .img-close{margin-right: 6px;}
.pop-user .pop-close .txt{font-size: 12px;color: #f98d3d;}

/*登录弹窗*/
.pop-login{margin-top: -252px;}
.pop-login .right-side{height: 465px;}
.pop-login .pop-close{right: 21px;top: 13px;width: 17px;height: 17px;background: url(/o_img/popbox/close.png?v=20200528001) no-repeat center;}
.pop-login .pop-header{font-size: 14px;}
.pop-login .pop-header .txt{color: #999;margin-right: 8px;}
.pop-login .pop-header .link{color: #4a8efd;}
.pop-login .form-wrap{margin-top: 80px;}
.pop-login .form-item{position: relative;}
.pop-login .form-item .icon-wrap{position: absolute;height: 24px;top: 50%;margin-top: -12px;background-repeat: no-repeat;}
.pop-login .form-item .icon-account{width: 20px;left: 14px;background-image: url(/o_img/popbox/icon_account.png);}
.pop-login .form-item .icon-pwd{width: 23px;left: 12px;background-image: url(/o_img/popbox/icon_pwd.png);}
.pop-login .form-item .input-txt{display: block;width: 268px;border: none;border-bottom: 1px solid #e8eaef;padding:25px 14px 25px 52px;height: 20px;line-height: 20px;font-size: 14px;color: #999;}
.pop-login .form-item .input-txt:focus{border-color: #4a8efd;color: #000;}
.pop-login .form-item.focus .icon-wrap{background-position: 0 -24px;}
.pop-login .error-tip{font-size: 14px;color: #f35050;text-align: center;height: 31px;line-height: 31px;margin-top: 20px;}
.pop-login .btn-login{cursor: pointer;width: 139px;height: 43px;line-height: 43px;border-radius: 6px;font-size: 14px;color: #fff;text-align: center;margin: 10px auto 0;background: #4a8efd;}
.pop-login .forgot-pwd-wrap{font-size: 14px;margin-top: 21px;text-align: center;}
.pop-login .forgot-pwd{color: #4a8efd;}

/*注册弹窗*/
.pop-register{margin-top: -308px;}
.pop-register .right-side{height: 578px;}
.pop-register .pop-close{right: 21px;top: 13px;width: 17px;height: 17px;background: url(/o_img/popbox/close.png?v=20200528001) no-repeat center;}
.pop-register .pop-header .link{color: #4a8efd;font-size: 0;line-height: 20px;}
.pop-register .pop-header .img{margin-right: 11px;}
.pop-register .pop-header .txt{font-size: 14px;}
.pop-register .form-wrap{margin-top: 16px;}
.pop-register .form-item{position: relative;}
.pop-register .form-item .input-txt{display: block;width: 306px;border: none;border-bottom: 1px solid #e8eaef;padding:21px 14px;height: 20px;line-height: 20px;font-size: 14px;color: #999;}
.pop-register .form-item-img-code .input-txt{width: 220px;padding-right: 100px;}
.pop-register .form-item-sms-code .input-txt{width: 210px;padding-right: 110px;}
.pop-register .form-item .input-txt:focus{border-color: #4a8efd;color: #000;}
.pop-register .form-item .img-code{position: absolute;top: 50%;margin-top: -22px;right: 7px;cursor: pointer;}
.pop-register .form-item .sms-code{text-align: center;position: absolute;top: 50%;margin-top: -15px;right: 0;width: 98px;height: 28px;line-height: 28px;border: 1px solid #4a8efd;border-radius: 8px;color: #4a8efd;font-size: 14px;}
.pop-register .form-item .sms-code.disabled{border-color: #888;color: #888;font-size: 12px;cursor: default;}
.pop-register .register-tip{font-size: 0;line-height: 16px;margin-top: 25px;padding-left: 14px;}
.pop-register .register-tip .check{width: 13px;height: 13px;background: url(/o_img/popbox/icon_check.png?v=20200528001) no-repeat;}
.pop-register .register-tip .check:hover{background-position: 0 -13px;}
.pop-register .register-tip .check:active{background-position: 0 -26px;}
.pop-register .register-tip .check.active{background-position: 0 -39px;}
.pop-register .register-tip .check.active:hover{background-position: 0 -52px;}
.pop-register .register-tip .check.active:active{background-position: 0 -65px;}
.pop-register .register-tip .txt{font-size: 14px;color: #22252e;margin-left: 12px;}
.pop-register .register-tip .link{font-size: 14px;color: #4a8efd;}
.pop-register .error-tip{font-size: 14px;color: #f35050;text-align: center;height: 31px;line-height: 31px;margin-top: 4px;}
.pop-register .btn-register{cursor: pointer;width: 139px;height: 43px;line-height: 43px;border-radius: 8px;font-size: 14px;color: #fff;text-align: center;margin: 5px auto 0;background: #4a8efd;}
.pop-register .btn-register.disabled{cursor: default;background: #d5d8e0;}

/*忘记密码弹窗*/
.pop-forgot{margin-top: -308px;}
.pop-forgot .right-side{height: 578px;}
.pop-forgot .pop-close{right: 21px;top: 13px;width: 17px;height: 17px;background: url(/o_img/popbox/close.png?v=20200528001) no-repeat center;}
.pop-forgot .pop-header{position: relative;line-height: 58px;}
.pop-forgot .pop-header-title{color: #22252e;font-size: 18px;font-weight: bold;}
.pop-forgot .pop-header .line{position: absolute;width: 48px;height:2px;bottom: 0;left: 0;background: #22252e;border-radius: 2px;}
.pop-forgot .form-wrap{margin-top: 20px;}
.pop-forgot .form-item{position: relative;}
.pop-forgot .form-item .input-txt{display: block;width: 306px;border: none;border-bottom: 1px solid #e8eaef;padding:21px 14px;height: 20px;line-height: 20px;font-size: 14px;color: #999;}
.pop-forgot .form-item-img-code .input-txt{width: 220px;padding-right: 100px;}
.pop-forgot .form-item-sms-code .input-txt{width: 210px;padding-right: 110px;}
.pop-forgot .form-item .input-txt:focus{border-color: #4a8efd;color: #000;}
.pop-forgot .form-item .img-code{position: absolute;top: 50%;margin-top: -22px;right: 7px;cursor: pointer;}
.pop-forgot .form-item .sms-code{text-align: center;position: absolute;top: 50%;margin-top: -15px;right: 0;width: 98px;height: 28px;line-height: 28px;border: 1px solid #4a8efd;border-radius: 8px;color: #4a8efd;font-size: 14px;}
.pop-forgot .form-item .sms-code.disabled{border-color: #888;color: #888;font-size: 12px;cursor: default;}
.pop-forgot .error-tip{font-size: 14px;color: #f35050;text-align: center;height: 31px;line-height: 31px;margin-top: 20px;}
.pop-forgot .btn-forgot{cursor: pointer;width: 139px;height: 43px;line-height: 43px;border-radius: 8px;font-size: 14px;color: #fff;text-align: center;margin: 10px auto 0;background: #4a8efd;}

/*修改密码弹窗*/
.pop-change{margin-top: -308px;}
.pop-change .right-side{height: 578px;}
.pop-change .pop-header{position: relative;line-height: 58px;}
.pop-change .pop-header-title{color: #22252e;font-size: 18px;font-weight: bold;}
.pop-change .pop-header .line{position: absolute;width: 48px;height:2px;bottom: 0;left: 0;background: #22252e;border-radius: 2px;}
.pop-change .pop-close{position: absolute;width: 17px;height: 17px;top: 13px;right: 21px;background: url(/o_img/popbox/close.png?v=2020531001) no-repeat center;}
.pop-change .form-wrap{margin-top: 60px;}
.pop-change .form-item{position: relative;}
.pop-change .form-item .input-txt{display: block;width: 306px;border: none;border-bottom: 1px solid #e8eaef;padding:21px 14px;height: 20px;line-height: 20px;font-size: 14px;color: #999;}
.pop-change .form-item-img-code .input-txt{width: 220px;padding-right: 100px;}
.pop-change .form-item-sms-code .input-txt{width: 210px;padding-right: 110px;}
.pop-change .form-item .input-txt:focus{border-color: #4a8efd;color: #000;}
.pop-change .form-item .img-code{position: absolute;top: 50%;margin-top: -22px;right: 7px;cursor: pointer;}
.pop-change .form-item .sms-code{text-align: center;position: absolute;top: 50%;margin-top: -15px;right: 0;width: 98px;height: 28px;line-height: 28px;border: 1px solid #5072fe;border-radius: 15px;color: #3383ff;font-size: 14px;}
.pop-change .form-item .sms-code.disabled{border-color: #888;color: #888;font-size: 12px;cursor: default;}
.pop-change .error-tip{font-size: 14px;color: #f35050;text-align: center;height: 31px;line-height: 31px;margin-top: 20px;}
.pop-change .btn-change{cursor: pointer;width: 139px;height: 43px;line-height: 43px;border-radius: 8px;font-size: 14px;color: #fff;text-align: center;margin: 10px auto 0;background: #4a8efd;}

/****客服弹窗****/
.pop-service{display: none;position: fixed;z-index: 10000;width: 350px;height: 320px;margin-left: -220px;margin-top: -240px;opacity: 0;filter: alpha(opacity=0);padding: 0 45px;background: #fff;border-radius: 12px;box-shadow: 0px 0px 40px 0px rgba(197, 209, 245, 0.84);}
.pop-service .pop-header{padding-top: 12px;position: relative;line-height: 62px;}
.pop-service .pop-header .txt{font-size: 24px;color: #22252e;}
.pop-service .pop-header .close{position: absolute;width: 26px;height: 26px;right: 0;top: 50%;margin-top: -13px;background: url(/o_img/popbox/kefu_close.png) no-repeat;}
.pop-service .pop-header .split-line{margin: 0 6px;height: 1px;background: #e5e5e5;}
.pop-service .pop-service-con{padding-top: 1px;}
.pop-service .pop-service-con .kefu-area{margin-top: 21px;}
.pop-service .pop-service-con .kefu-area .img-qq{}
.pop-service .pop-service-con .desc-area{margin-left: 14px;}
.pop-service .pop-service-con .desc-area .tip-1{color: #22252e;font-size: 24px;margin-top: 35px;}
.pop-service .pop-service-con .desc-area .tip-2{color: #333;font-size: 18px;margin-top: 12px;}
.pop-service .pop-service-con .btn-area{margin-top: 28px;text-align: center;font-size: 16px;}
.pop-service .pop-service-con .btn-area .btn{border-radius: 4px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
.pop-service .pop-service-con .btn-yes{width: 144px;height: 36px;line-height: 36px;color: #fff;background: #0095ff;}
.pop-service .pop-service-con .btn-yes:hover{background: #0077cc;}
.pop-service .pop-service-con .btn-no{width: 142px;height: 34px;line-height: 34px;border: 1px solid #d0d1d2;color: #8891a6;}
.pop-service .pop-service-con .btn-no:hover{background: #eee;color: #333;}

/****在线咨询悬浮窗****/
.float-contact{cursor: pointer;position: fixed;z-index: 10000;background: #4a8efd;text-align: center;width: 40px;height: 137px;right: 40px;top: 50%;margin-top: -6.95em;font-size: 10px;border-radius: 6px;}
.float-contact .img-icon-tip{display: block;margin: 13px auto 0;}
.float-contact .txt-wrap{font-size: 16px;color: #fff;margin-top: 7px;line-height: 20px;}
.float-contact .left-content{background: #fff;position: absolute;width: 183px;right: 48px;top: 0;border-radius: 6px;border: 1px solid #b9d4ff;padding: 5px 41px 30px 23px;}
.float-contact .left-content .close{position: absolute;width: 17px;height: 17px;right: 21px;top: 13px;background: url(/o_img/popbox/kefu_float_close.png) no-repeat center;}
.float-contact .left-content .kefu-list{margin-top: 31px;}
.float-contact .left-content .kefu-list .list-item{margin-top: 16px;}
.float-contact .left-content .kefu-list .list-item:first-child{margin-top: 0;}
.float-contact .left-content .kefu-list .link{display: block;}
.float-contact .left-content .kefu-list .img-list{margin-left: 11px;}
.float-contact .left-content .kefu-list .desc-area{float: none;margin-left: 46px;text-align: left;border-bottom: 1px solid #efefef;padding: 4px 0 12px;}
.float-contact .kefu-list .desc-area .tip-1{font-size: 12px;color: #000;font-weight: bold;}
.float-contact .kefu-list .desc-area .tip-2{font-size: 12px;color: #888;margin-top: 4px;}
.float-contact .kefu-list .desc-area .tip-2.color-1{color: #4a8efd;}
.float-contact .left-content .qrcode-list{margin-top: 23px;}
.float-contact .left-content .qrcode-list .list-item{margin-left: 46px;}
.float-contact .left-content .qrcode-list .list-item:first-child{margin-left: 0;}
.float-contact .left-content .qrcode-list .img-qrcode{display: block;margin: 0 auto;}
.float-contact .left-content .qrcode-list .tip{font-size: 12px;color: #000;margin-top: 8px;}

/****联系我们弹窗****/
.pop-contact{position: absolute;width: 432px;margin-left: -216px;margin-top: -220px;overflow: hidden;border-radius: 4px;background: #fff;}
.pop-contact .right-side{padding: 39px 49px 0;height: 401px;}
.pop-contact .pop-close{font-size: 0;line-height: 24px;position: absolute;right: 49px;top: 33px;}
.pop-contact .pop-close .img-close{margin-right: 6px;}
.pop-contact .pop-close .txt{font-size: 12px;color: #f98d3d;}
.pop-contact .big-title{font-size: 30px;color: #000;font-weight: bold;}
.pop-contact .meal-info{color: #333;font-size: 16px;line-height: 2;margin-top: 36px;}
.pop-contact .contact-way{font-size: 20px;color: #333;margin-top: 36px;}

/****信息编辑弹窗****/
.pop-edit{position: absolute;width: 432px;height: 529px;padding-top: 1px;border-radius: 8px;background: #fff;}
.pop-edit .pop-close{position: absolute;width: 17px;height: 17px;right: 21px;top: 13px;background: url(/o_img/popbox/kefu_float_close.png) no-repeat center;}
.pop-edit .pop-header{position: relative;margin-top: 50px;padding-left: 55px;}
.pop-edit .pop-header-title{color: #161c3b;font-size: 20px;font-weight: bold;}
.pop-edit .form-wrap{margin-top: 59px;padding-left: 55px;}
.pop-edit .form-item{position: relative;line-height: 42px;margin-top: 21px;}
.pop-edit .form-item:first-child{margin-top: 0;}
.pop-edit .form-item .item-title{width: 94px;color: #161c3b;font-size: 16px;font-weight: bold;}
.pop-edit .form-item .item-con{font-size: 0;}
.pop-edit .form-item .item-con .txt-1{font-size: 16px;color: #22252e;}
.pop-edit .form-item .input-txt{width: 156px;height: 30px;line-height: 30px;padding: 0 14px;font-size: 16px;color: #22252e;border: 1px solid #e8eaef;border-radius: 4px;}
.pop-edit .form-item .input-txt:focus{border-color: #4a8efd;color: #161c3b;}
.pop-edit .form-item .input-textarea{font-family: "Microsoft Yahei";width: 156px;height: 64px;line-height: 30px;padding: 7px 14px;font-size: 16px;color: #22252e;border: 1px solid #e8eaef;border-radius: 4px;resize: none;}
.pop-edit .form-item .input-textarea:focus{border-color: #4a8efd;color: #161c3b;}
.pop-edit .error-tip{font-size: 14px;color: #f35050;text-align: center;height: 31px;line-height: 31px;margin-top: 20px;}
.pop-edit .btn-confirm-edit{cursor: pointer;width: 160px;height: 40px;line-height: 40px;border-radius: 6px;font-size: 14px;color: #fff;text-align: center;margin: 10px auto 0;background: #4a8efd;}
.pop-edit .btn-confirm-edit:hover{color: ;}
.pop-edit .btn-confirm-edit:active{background: #b9cadb;}

/**********首页**********/
.main-index{}
.main-index .placeholder{height: 80px;background: #fff;}

/****背景区域****/
.main-index .bg-area{width: 100%;position: relative;}
.main-index .bg-wrap{width: 100%;background: #2a2e48;}
.main-index .bg-wrap .particles-wrap{opacity: .4;filter: alpha(opacity=40);}

.main-index .bg-area .img-banner{position: absolute;max-width: 1043px;right: 12.6%;bottom: -8%;}

.main-index .bg-content{width: 1200px;margin: 0 auto;position: relative;padding: 1px 0 1px;height: 560px;}
.main-index .bg-big-title{display: block;height: 53px;}
.main-index .bg-split-line{width: 206px;height: 4px;background: #fff;margin: 30px 0 0;}

.main-index .bg-content .explain-list{margin-top: 27px;}
.main-index .bg-content .explain-list .list-item{font-size: 0;color: #fff;line-height: 26px;margin-top: 5px;letter-spacing: 2px;}
.main-index .bg-content .explain-list .list-item:first-child{margin-top: 0;}

.main-index .bg-content .explain-list .text{font-size: 14px;}
.main-index .bg-content .explain-list .tip-hot{margin: 0 4px;border-radius: 5px;background: #f53b30;line-height: 1.5;padding: 0 4px;font-size: 24px;color: #fff;font-weight: bold;letter-spacing: 3.5px;}
.main-index .bg-content .explain-list .btn-free-tray{-webkit-animation: scale 1.5s linear infinite alternate;animation: scale 1.5s linear infinite alternate;}

.main-index .bg-content .download-area{margin-top: 30px;}
.main-index .bg-content .download-file{position: relative;width: 198px;margin-left: 16px;height: 48px;line-height: 48px;text-align: center;border-radius: 6px;border: 1px solid #81e8fb;color: #81e8fb;font-size: 14px;}
.main-index .bg-content .download-file:first-child{margin-left: 0;}
.main-index .bg-content .download-file:hover{}
.main-index .bg-content .download-file .download-qrcode-wrap{position: absolute;padding: 10px;background: #fff;left: 50%;margin-left: -100px;bottom: 64px;}
.main-index .bg-content .download-file .img-qrcode{display: block;width: 180px;}
.main-index .bg-content .download-file .triangle{position: absolute;font-size: 40px;color: #fff;bottom: -20px;line-height: 1;left: 50%;margin-left: -12px;}
.main-index .bg-content .download-windows{color: #334096;background: #81e8fb;}
.main-index .bg-content .download-app{color: #334096;background: #81e8fb;}
.main-index .bg-content .download-ios{cursor: default;display: none;}

.main-index .img-wrap{background: #fff;height: 2680px;padding-top: 75px;overflow: hidden;}
.main-index .img-wrap .img{display: block;margin: 0 auto;}

.main-index .map-area{background: #fff;}
.main-index .map-area .placeholder{height: 110px;}
.main-index .map-con{width: 1200px;margin: 0 auto;position: relative;}

.main-index .map-bg-wrap{width: 1054px;height: 800px;background: url(/o_img/index/map.png) no-repeat;position: relative;}
.main-index .map-bg-wrap .maps{width: 980px; height: 620px; position: absolute; right: 17px; bottom: 40px;}
.main-index .map-bg-wrap .map-tips{position: absolute; width: 200px; top: 25px; right: 70px; line-height: 28px; color: #444; font-size: 16px; font-weight: normal; text-align: left;}
.main-index .map-bg-wrap .map-notes{ position: absolute; left: 120px; bottom: 20px; }
.main-index .map-bg-wrap .map-notes .list-item{line-height: 48px; height: 48px; position: relative; display: block; box-sizing: border-box; padding: 0 0 0 45px; text-align: left; color: #555; font-size: 18px; font-weight: normal;}
.main-index .map-bg-wrap .map-notes .list-item:before{width: 26px; height: 26px; box-sizing: border-box; display: block; border-radius: 100%; content: ""; position: absolute; left: 4px; top: calc(50% - 13px); border: 1px solid #0a99ff;}
.main-index .map-bg-wrap .map-notes .list-item:after{width: 14px; height: 14px; display: block; content: ""; position: absolute; border-radius: 100%; left: 10px; top: calc(50% - 7px); background: #0a99ff;}
.main-index .map-bg-wrap .points{display: block; position: relative;}
.main-index .map-bg-wrap .points .item{padding: 0 0 0 25px; height: 18px; line-height: 18px; position: absolute; color: #666; font-weight: normal;}
.main-index .map-bg-wrap .points .item.am > b.pb-1 { -webkit-animation: rip 5s ease-out infinite; -ms-animation: rip 5s ease-out infinite; -moz-animation: rip 5s ease-out infinite; animation: rip 5s ease-out infinite; }
.main-index .map-bg-wrap .points .item.am > b.pb-2 { -webkit-animation: rip 5s ease-out infinite 900ms; -ms-animation: rip 5s ease-out infinite 900ms; -moz-animation: rip 5s ease-out infinite 900ms; animation: rip 5s ease-out infinite 900ms; }
.main-index .map-bg-wrap .points .item.am > b.pb-3 { -webkit-animation: rip 5s ease-out infinite 900ms; -ms-animation: rip 5s ease-out infinite 900ms; -moz-animation: rip 5s ease-out infinite 900ms; animation: rip 5s ease-out infinite 900ms; }
.main-index .map-bg-wrap .points .item > b { position: absolute; width: 120px; height: 120px; box-sizing: border-box; display: block; border-radius: 100%; opacity: 0; filter: alpha(opacity=0); z-index: 1; left: calc(-60px + 8px); top: calc(50% - 60px); border: 2px solid #ffbb6e; }
.main-index .map-bg-wrap .points .item > b.pb-3 { box-shadow: inset 0 0 50px rgba(255, 187, 110, 0.3); }
.main-index .map-bg-wrap .points .item:hover { z-index: 10; }
.main-index .map-bg-wrap .points .item.active > span { border-color: #0a99ff; }
.main-index .map-bg-wrap .points .item.active > span:after { background: #0a99ff; }
.main-index .map-bg-wrap .points .item.active > b { border: 2px solid #0a99ff; }
.main-index .map-bg-wrap .points .item.active > b.pb-3 { box-shadow: inset 0 0 50px rgba(10, 153, 255, 0.2); }
.main-index .map-bg-wrap .points .item.small { z-index: 11; }
.main-index .map-bg-wrap .points .item.small:hover p { display: block; }
.main-index .map-bg-wrap .points .item.small:hover:after { display: block; }
.main-index .map-bg-wrap .points .item.small:hover:before { display: block; }
.main-index .map-bg-wrap .points .item.small p { position: absolute; line-height: 20px; padding: 0 5px; font-size: 12px; color: #666; background: #fff; border: 1px solid #0a99ff; border-radius: 10px; top: 10px; left: 35px; white-space: nowrap; box-sizing: border-box; z-index: 2; display: none; }
.main-index .map-bg-wrap .points .item.small:after { width: 16px; height: 1px; background: #0a99ff; position: absolute; left: 20px; top: 20px; content: ""; z-index: 1; display: none; }
.main-index .map-bg-wrap .points .item.small:before { width: 16px; height: 1px; background: #0a99ff; display: none; position: absolute; left: 6px; top: 14px; content: ""; z-index: 1; -webkit-transform: rotate(40deg); -ms-transform: rotate(40deg); -moz-transform: rotate(40deg); transform: rotate(40deg); }
.main-index .map-bg-wrap .points .item.big { z-index: 2; }
.main-index .map-bg-wrap .points .item.big > span { border: 1px solid #ffbb6e; background: #fff; }
.main-index .map-bg-wrap .points .item.big > span:after { background: #ffbb6e; }
.main-index .map-bg-wrap .points .item.big.active > span { border: 1px solid #0a99ff; background: #fff; }
.main-index .map-bg-wrap .points .item.big.active > span:after { background: #0a99ff; }
.main-index .map-bg-wrap .points .item.big.active p { display: block; font-size: 14px; line-height: 18px; }
.main-index .map-bg-wrap .points .item.big.active:after { display: none; }
.main-index .map-bg-wrap .points .item.big.active:before { display: none; }
.main-index .map-bg-wrap .points .item > span { display: block; border-radius: 100%; width: 16px; height: 16px; box-sizing: border-box; background: none; border: none; position: absolute; z-index: 2; left: 0; top: calc(50% - 8px); }
.main-index .map-bg-wrap .points .item > span:after { width: 8px; height: 8px; display: block; background: #ffbb6e; content: ""; border-radius: 100%; position: absolute; top: calc(50% - 4px); left: 3px; }

.main-index .map-info-wrap{position: absolute;right: 0;top: 336px;text-align: center;}
.main-index .map-info-title{font-size: 36px;color: #22252e;line-height: 48px;}
.main-index .map-info-details{line-height: 32px;color: #22252e;font-size: 18px;margin-top: 30px;}
.main-index .map-info-details .tip-wrap{margin-top: 26px;}
.main-index .map-info-details .tip-wrap:first-child{margin-top: 0;}
.main-index .map-info-details .txt{color: #3d7dff;}

.main-index .advantage-area-1{background: #fff;padding-top: 44px;}
.main-index .advantage-area-1 .advantage-con{width: 1200px;margin: 0 auto;text-align: center;}
.main-index .advantage-area-1 .advantage-desc{}
.main-index .advantage-area-1 .desc-title{color: #51545e;font-size: 30px;font-weight: bold;}
.main-index .advantage-area-1 .desc-subtitle{font-size: 20px;color: #51545e;margin-top: 34px;}

.main-index .advantage-area-1 .img-advantage{display: block;margin: 17px auto 0;}

.main-index .advantage-area-2{background: #fff;padding-top: 60px;}
.main-index .advantage-area-2 .advantage-con{width: 1200px;margin: 0 auto;text-align: center;}
.main-index .advantage-area-2 .advantage-desc{}
.main-index .advantage-area-2 .desc-title{color: #000;font-size: 30px;font-weight: bold;}
.main-index .advantage-area-2 .advantage-list{margin-top: 50px;text-align: left;}
.main-index .advantage-area-2 .advantage-list .list-item{float: left;width: 25%;position: relative;}
.main-index .advantage-area-2 .advantage-list .split-line{position: absolute;width: 2px;height: 80px;left: 0;top: 50%;margin-top: -40px;background: #d8d9e1;}
.main-index .advantage-area-2 .advantage-list .item-wrap{padding-left: 60px;}
.main-index .advantage-area-2 .advantage-list .item-title{font-size: 18px;color: #000;font-weight: bold;}
.main-index .advantage-area-2 .advantage-list .item-con{line-height: 24px;color: #000;font-size: 14px;margin-top: 26px;}

.main-index .service-area{background: #fff;}
.main-index .service-con{width: 1200px;margin: 0 auto;padding-top: 112px;text-align: center;}
.main-index .service-big-title{font-size: 30px;color: #000;font-weight: bold;}
.main-index .service-small-title{font-size: 20px;color: #000;margin-top: 22px;}
.main-index .service-list-wrap{margin-top: 50px;background: #222;}
.main-index .service-list{width: 1200px;margin: 0 auto;}
.main-index .service-list .list-item{width: 200px;height: 350px;float: left;position: relative;background-repeat: no-repeat;overflow: hidden;}
.main-index .service-list .img-scene{-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.main-index .service-list .list-item:hover .img-scene{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.main-index .service-list .list-item .layer{background: #000;opacity: .5;filter: alpha(opacity=50);}
.main-index .service-list .item-wrap{width: 100%;text-align: center;}
.main-index .service-list .item-title{font-size: 18px;color: #fff;font-weight: bold;}
.main-index .service-list .item-tip{font-size: 14px;color: #fff;margin-top: 16px;}

.main-index .advantage-area-3{background: #fff;}
.main-index .advantage-area-3 .advantage-con{position: relative;width: 1200px;margin: 0 auto;text-align: center;padding-top: 85px;height: 648px;background: url(/o_img/index/map.png) no-repeat center 172px;}
.main-index .advantage-area-3 .desc-title{font-size: 30px;color: #000;font-weight: bold;}
.main-index .advantage-area-3 .advantage-list{margin: 44px auto 0;width: 1110px}
.main-index .advantage-area-3 .advantage-list .list-item{float: left;width: 370px;}
.main-index .advantage-area-3 .advantage-list .tip-1{font-size: 20px;color: #4a8efd;}
.main-index .advantage-area-3 .advantage-list .tip-2{font-size: 20px;color: #000;margin-top: 14px;}
.main-index .advantage-area-3 .loading{position: absolute;width: 16px;height: 16px;}
.main-index .advantage-area-3 .loading .point{position: absolute;z-index: 2;left: 0;top: 0;padding: 3px;width: 8px;height: 8px;border-radius: 50%;background: #4a8efd;background-clip: content-box;border: 1px solid #4a8efd;}
.main-index .advantage-area-3 .loading .circle{opacity: 0;filter: alpha(opacity=0);position: absolute;z-index: 1;width: 116px;height: 116px;left: -53px;top: -53px;border: 2px solid #4a8efd;border-radius: 50%;}
.main-index .advantage-area-3 .loading.active .circle-1{-webkit-animation: rip 5s ease-out infinite;-ms-animation: rip 5s ease-out infinite;-moz-animation: rip 5s ease-out infinite;animation: rip 5s ease-out infinite;}
.main-index .advantage-area-3 .loading.active .circle-2{-webkit-animation: rip 5s ease-out infinite 900ms;-ms-animation: rip 5s ease-out infinite 900ms;-moz-animation: rip 5s ease-out infinite 900ms;animation: rip 5s ease-out infinite 900ms;}

/****新闻资讯****/
.main-index .news-area{padding: 39px 0 59px;background: #fff;}
.main-index .news-content{width: 1200px;margin: 0 auto;}
.main-index .news-big-title{font-size: 30px;color: #000;font-weight: bold;text-align: center;}
.main-index .news-list{margin-top: 49px;position: relative;}
.main-index .news-list .list-item{float: left;width: 400px;}
.main-index .news-list .split-line{position: absolute;top: 0;width: 1px;height: 100%;background: #4a8efd;}
.main-index .news-list .split-line-1{left: 0;}
.main-index .news-list .split-line-2{left: 400px;}
.main-index .news-list .split-line-3{left: 800px;}
.main-index .details-list-item{line-height: 63px;padding: 0 43px;}
.main-index .details-list-item .date{font-size: 20px;color: #161c3b;font-weight: bold;}
.main-index .details-list-item .link{width: 180px;font-size: 20px;color: #161c3b;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.main-index .details-list-item .link:hover{color: #4a8efd;}
.main-index .news-content .btn-more{display: block;text-align: center;width: 160px;height: 38px;line-height: 38px;border-radius: 6px;border: 1px solid #4a8efd;margin: 29px auto 0;color: #4a8efd;font-size: 14px;}
.main-index .news-content .btn-more:hover{background: #4a8efd;color: #fff;}

/****底部推广****/
.promotion-banner{position: fixed;left: 50%;bottom: 0;z-index: 1000;}
.promotion-banner .banner-close{position: absolute;}

.promotion-banner-5-1{width: 1200px;height: 270px;margin-left: -600px;background: url(/o_img/index/promotion/5.1/banner.png) no-repeat center;}
.promotion-banner-5-1 .banner-close{width: 40px;height: 40px;right: 0;top: 43px;cursor: pointer;background: url(/o_img/index/promotion/5.1/close.png) no-repeat;}

.promotion-banner-6-1{width: 1200px;height: 270px;margin-left: -600px;background: url(/o_img/index/promotion/6.1/banner.png) no-repeat center;}
.promotion-banner-6-1 .banner-close{width: 40px;height: 40px;right: 0;top: 43px;cursor: pointer;background: url(/o_img/index/promotion/6.1/close.png) no-repeat;}

.promotion-banner-11-11{width: 1200px;height: 270px;margin-left: -600px;background: url(/o_img/index/promotion/11.11/banner.png?v=20191106001) no-repeat center;}
.promotion-banner-11-11 .banner-close{width: 40px;height: 40px;right: 0;top: 43px;cursor: pointer;background: url(/o_img/index/promotion/11.11/close.png) no-repeat;}

/**********套餐购买**********/
.root-buy{background: #fff;}
.root-buy .placeholder{height: 80px;background: #fff;box-shadow: 0 2px 10px 0 rgba(27,33,38,0.17);}
.main-buy{position: relative;}

/****背景区域****/
.main-buy .bg-area{position: relative;}

/*背景内容*/
.main-buy .bg-wrap{}
.main-buy .bg-content{width: 1200px;margin: 0 auto;overflow: hidden;position: relative;}
.main-buy .bg-big-title{text-align: center;font-size: 40px;color: #000;margin-top: 97px;font-weight: bold;}
.main-buy .bg-small-title{text-align: center;font-size: 24px;color: #c1c5d9;margin-top: 26px;}
.main-buy .bg-content .btn-renewal{display: block;margin: 22px auto 0;text-align: center;width: 160px;height: 40px;line-height: 40px;font-size: 16px;border-radius: 20px;color: #fff;background: #ff3340;}
.main-buy .bg-content .btn-renewal:hover{color: #ffe06d;}
.main-buy .bg-content .btn-renewal:active{background: #dcdcdc;color: #fff;}
.main-buy .bg-split-line{width: 180px;height: 4px;background: #22252e;margin: 30px auto 0;}

/****套餐区域****/
.main-buy .meal-area{}

/**正常活动**/
.meal-area-normal .meal-wrap{width: 1200px;margin: 0 auto;padding-top: 1px;height: 588px;}

/*套餐列表*/
.meal-area-normal .meal-list{margin-top: 94px;}
.meal-area-normal .meal-list .list-item{-webkit-transition: top .3s;transition: top .3s;top: 0;float: left;padding: 1px;width: 198px;height: 443px;position: relative;background: #fff;box-shadow: 0 0 20px #f3f3f3;}
.meal-area-normal .meal-list .list-item:first-child{margin-left: 0;}
.meal-area-normal .meal-list .list-item:hover{padding: 0;border: 1px solid #4a8efd;top: -20px;z-index: 10;box-shadow: 0 2px 10px 0 rgba(74,142,253,0.36);}
.meal-area-normal .meal-list .meal-slogan{position: absolute;padding: 44px 15px 0 19px;width: 28px;height: 46px;line-height: 18px;letter-spacing: 1px;text-align: center;font-size: 13px;color: #fff;word-break: break-all;right: -3px;top: -37px;background: url(/o_img/buy/discount/daily/banner_2.png) no-repeat center;}
.meal-area-normal .meal-list .list-item:hover .meal-slogan{right: -4px;top: -38px;} /*新增移入效果*/
.meal-area-normal .meal-list .meal-title{text-align: center;font-size: 14px;color: #000;font-weight: bold;margin-top: 38px;}
.meal-area-normal .meal-list .meal-detail{padding-top: 15px;text-align: center;}
.meal-area-normal .meal-list .meal-detail .old-price{color: #f21e03;font-size: 14px;margin-top: 10px;}
.meal-area-normal .meal-list .meal-detail .old-price .txt{padding: 0 3px;background: url(/o_img/buy/line_through.png) repeat-x left center;}
.meal-area-normal .meal-list .meal-detail .new-price{color: #000;font-size: 40px;font-weight: bold;}
.meal-area-normal .meal-list .meal-detail .btn-buy{display: block;width: 160px;height: 40px;margin: 18px auto 0;line-height: 40px;font-size: 14px;color: #fff;border-radius: 6px;background: #4a8efd;}

/*优势列表*/
.meal-area-normal .advantage-list{margin-top: 33px;padding-left: 26px;text-align: left;}
.meal-area-normal .advantage-list-item{font-size: 0;line-height: 14px;margin-top: 19px;}
.meal-area-normal .advantage-list-item:first-child{margin-top: 0;}
.meal-area-normal .advantage-list-item .img-hook{margin-right: 8px;}
.meal-area-normal .advantage-list-item .img-hook-hover{display: none;margin-right: 8px;}
.meal-area-normal .advantage-list-item .txt{font-size: 12px;color: #000;}

/****推广活动****/
.meal-area-promotion .meal-wrap{width: 1200px;margin: 0 auto;}

/**5.1推广**/
.meal-area-5-1 .meal-banner-area{height: 360px;background: url(/o_img/buy/discount/5.1/banner.jpg) no-repeat center;}
.meal-area-5-1 .meal-wrap{padding-top: 1px;height: 415px;}

/**6.1 & 端午推广**/
.meal-area-6-1 .meal-banner-area{height: 360px;background: url(/o_img/buy/discount/6.1/banner.jpg) no-repeat center;}
.meal-area-6-1 .meal-wrap{padding-top: 1px;height: 415px;}

/**11.11推广**/
.meal-area-11-11 .meal-banner-area{height: 360px;background: url(/o_img/buy/discount/11.11/banner.jpg) no-repeat center;}
.meal-area-11-11 .meal-wrap{padding-top: 1px;height: 415px;}

/**套餐列表**/

/*5.1套餐*/
.meal-area-5-1 .meal-list{margin-top: -79px;}
.meal-area-5-1 .meal-list .list-item{-webkit-transition: top .3s;transition: top .3s;top: 0;float: left;width: 198px;height: 443px;position: relative;background: #fff;border: 1px solid #c9cacb;}
.meal-area-5-1 .meal-list .list-item:first-child{}
.meal-area-5-1 .meal-list .list-item:hover{border-color: #ffd0a2;top: -20px;z-index: 10;}
.meal-area-5-1 .meal-list .img-banner{position: absolute;width: 74px;height: 99px;right: -9px;top: -37px;}
.meal-area-5-1 .meal-list .meal-title{text-align: center;font-size: 14px;color: #000;font-weight: bold;margin-top: 38px;}
.meal-area-5-1 .meal-list .meal-detail{padding-top: 15px;text-align: center;}
.meal-area-5-1 .meal-list .meal-detail .old-price{color: #f21e03;font-size: 14px;margin-top: 10px;}
.meal-area-5-1 .meal-list .meal-detail .old-price .txt{padding: 0 3px;background: url(/o_img/buy/line_through.png) repeat-x left center;}
.meal-area-5-1 .meal-list .meal-detail .new-price{color: #000;font-size: 40px;font-weight: bold;}
.meal-area-5-1 .meal-list .meal-detail .new-price .txt{font-size: 14px;color: #000;margin-top: 5px;margin-right: 2px;}
.meal-area-5-1 .meal-list .meal-detail .btn-buy{display: block;width: 160px;height: 40px;margin: 18px auto 0;line-height: 40px;font-size: 14px;color: #fff;border-radius: 6px;background: #f98d3d;}

/*6.1 & 端午套餐*/
.meal-area-6-1 .meal-list{margin-top: -79px;}
.meal-area-6-1 .meal-list .list-item{-webkit-transition: top .3s;transition: top .3s;top: 0;float: left;width: 198px;height: 443px;position: relative;background: #fff;border: 1px solid #c9cacb;}
.meal-area-6-1 .meal-list .list-item:first-child{margin-left: 0;}
.meal-area-6-1 .meal-list .list-item:hover{border-color: #ffd0a2;top: -20px;z-index: 10;}
.meal-area-6-1 .meal-list .img-banner{position: absolute;width: 74px;right: 0;top: -37px;}
.meal-area-6-1 .meal-list .meal-title{text-align: center;font-size: 14px;color: #000;font-weight: bold;margin-top: 38px;}
.meal-area-6-1 .meal-list .meal-detail{padding-top: 15px;text-align: center;}
.meal-area-6-1 .meal-list .meal-detail .old-price{color: #f21e03;font-size: 14px;margin-top: 10px;}
.meal-area-6-1 .meal-list .meal-detail .old-price .txt{padding: 0 3px;background: url(/o_img/buy/line_through.png) repeat-x left center;}
.meal-area-6-1 .meal-list .meal-detail .new-price{color: #000;font-size: 40px;font-weight: bold;}
.meal-area-6-1 .meal-list .meal-detail .new-price .txt{font-size: 14px;color: #000;margin-top: 5px;margin-right: 2px;}
.meal-area-6-1 .meal-list .meal-detail .btn-buy{display: block;width: 160px;height: 40px;margin: 18px auto 0;line-height: 40px;font-size: 14px;color: #fff;border-radius: 6px;background: #f98d3d;}
.meal-area-6-1 .meal-list .promotion-label-wrap{position: absolute;background: #fe3557;padding: 0 15px;line-height: 20px;color: #fff;font-size: 12px;border-radius: 4px;top: 192px;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%)}
.meal-area-6-1 .meal-list .promotion-label-wrap .label-txt{white-space: nowrap;}
.meal-area-6-1 .meal-list .promotion-label-wrap .triangle{position: absolute;width: 0;height: 0;left: 50%;margin-left: -4px;bottom: 20px;border: 4px solid transparent;border-bottom-color: #fe3557;}

/*11.11套餐*/
.meal-area-11-11 .meal-list{margin-top: -50px;}
.meal-area-11-11 .meal-list .list-item{-webkit-transition: top .3s;transition: top .3s;top: 0;float: left;width: 198px;height: 443px;position: relative;background: #fff;border: 1px solid #c9cacb;}
.meal-area-11-11 .meal-list .list-item:first-child{}
.meal-area-11-11 .meal-list .list-item:hover{border-color: #ffd0a2;top: -20px;z-index: 10;}
.meal-area-11-11 .meal-list .meal-slogan{position: absolute;padding: 44px 15px 0 19px;width: 28px;height: 46px;line-height: 18px;letter-spacing: 1px;text-align: center;font-size: 13px;color: #fff;word-break: break-all;right: -3px;top: -37px;background: url(/o_img/buy/discount/11.11/banner_2.png) no-repeat center;}
.meal-area-11-11 .meal-list .meal-title{text-align: center;font-size: 14px;color: #000;font-weight: bold;margin-top: 38px;}
.meal-area-11-11 .meal-list .meal-detail{padding-top: 15px;text-align: center;}
.meal-area-11-11 .meal-list .meal-detail .old-price{color: #f21e03;font-size: 14px;margin-top: 10px;}
.meal-area-11-11 .meal-list .meal-detail .old-price .txt{padding: 0 3px;background: url(/o_img/buy/line_through.png) repeat-x left center;}
.meal-area-11-11 .meal-list .meal-detail .new-price{color: #000;font-size: 40px;font-weight: bold;}
.meal-area-11-11 .meal-list .meal-detail .new-price .txt{font-size: 14px;color: #000;margin-top: 5px;margin-right: 2px;}
.meal-area-11-11 .meal-list .meal-detail .btn-buy{display: block;width: 160px;height: 40px;margin: 18px auto 0;line-height: 40px;font-size: 14px;color: #fff;border-radius: 6px;background: #f98d3d;}
.meal-area-11-11 .meal-list .promotion-label-wrap{position: absolute;background: #fe3557;padding: 0 15px;line-height: 20px;color: #fff;font-size: 12px;border-radius: 4px;top: 192px;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%)}
.meal-area-11-11 .meal-list .promotion-label-wrap .label-txt{white-space: nowrap;}
.meal-area-11-11 .meal-list .promotion-label-wrap .triangle{position: absolute;width: 0;height: 0;left: 50%;margin-left: -4px;bottom: 20px;border: 4px solid transparent;border-bottom-color: #fe3557;}

/*优势列表*/
.meal-area-5-1 .advantage-list{margin-top: 33px;padding-left: 26px;text-align: left;}
.meal-area-5-1 .advantage-list-item{font-size: 0;line-height: 14px;margin-top: 19px;}
.meal-area-5-1 .advantage-list-item:first-child{margin-top: 0;}
.meal-area-5-1 .advantage-list-item .img-hook{margin-right: 8px;}
.meal-area-5-1 .advantage-list-item .img-hook-hover{display: none;margin-right: 8px;}
.meal-area-5-1 .advantage-list-item .txt{font-size: 12px;color: #000;}

.meal-area-6-1 .advantage-list{margin-top: 33px;padding-left: 26px;text-align: left;}
.meal-area-6-1 .advantage-list-item{font-size: 0;line-height: 14px;margin-top: 19px;}
.meal-area-6-1 .advantage-list-item:first-child{margin-top: 0;}
.meal-area-6-1 .advantage-list-item .img-hook{margin-right: 8px;}
.meal-area-6-1 .advantage-list-item .img-hook-hover{display: none;margin-right: 8px;}
.meal-area-6-1 .advantage-list-item .txt{font-size: 12px;color: #000;}

.meal-area-11-11 .advantage-list{margin-top: 33px;padding-left: 26px;text-align: left;}
.meal-area-11-11 .advantage-list-item{font-size: 0;line-height: 14px;margin-top: 19px;}
.meal-area-11-11 .advantage-list-item:first-child{margin-top: 0;}
.meal-area-11-11 .advantage-list-item .img-hook{margin-right: 8px;}
.meal-area-11-11 .advantage-list-item .img-hook-hover{display: none;margin-right: 8px;}
.meal-area-11-11 .advantage-list-item .txt{font-size: 12px;color: #000;}

/**********软件下载**********/
.root-download{}
.main-download{}
.main-download .placeholder{height: 80px;background: #fff;box-shadow: 0 2px 10px 0 rgba(27,33,38,0.17);position: relative;z-index: 1;}

/****背景区域****/
.main-download .bg-area{position: relative;}
.main-download .bg-wrap{background: #2a2e48;}
.main-download .bg-wrap .particles-wrap{opacity: .4;filter: alpha(opacity=40);}
.main-download .bg-content{width: 1200px;margin: 0 auto;position: relative;padding-top: 1px;text-align: center;}
.main-download .bg-big-title{font-size: 36px;color: #fff;margin-top: 78px;font-weight: bold;}

.main-download .advantage-list{width: 740px;margin: 36px auto 0;text-align: center;}
.main-download .advantage-list .list-item{float: left;width: 50%;line-height: 18px;font-size: 0;}
.main-download .advantage-list .img-hook{margin-right: 7px;}
.main-download .advantage-list .txt{font-size: 18px;color: #fff;}

.main-download .download-area{text-align: center;padding: 36px 0 72px;}
.main-download .download-file-list{width: 948px;margin: 0 auto;}
.main-download .download-file{float: left;width: 462px;height: 298px;border: 1px solid #d4dde6;margin-left: 20px;position: relative;top: 0;}
.main-download .download-file:first-child{margin-left: 0;}
.main-download .download-file:hover{border-color: #4a8efd;}
.main-download .download-img-area{height: 103px;}
.main-download .img-download-wrap{background-repeat: no-repeat;}
.main-download .download-windows .img-download-wrap{width: 55px;height: 44px;background-image: url(/o_img/download/icon_windows.png?v=20200529001);}
.main-download .download-app .img-download-wrap{width: 40px;height: 47px;background-image: url(/o_img/download/icon_app.png?v=20200529001);}
.main-download .download-ios .img-download-wrap{width: 38px;height: 44px;background-image: url(/o_img/download/icon_ios.png);}
.main-download .download-file .download-title{font-size: 16px;color: #fff;font-weight: bold;margin-bottom: 24px;}
.main-download .download-file .download-tip{font-size: 14px;color: #fff;line-height: 20px;}
.main-download .download-app{margin-left: 17px;}
.main-download .download-file .btn-download{position: absolute;width: 160px;height: 40px;line-height: 40px;left: 50%;margin-left: -80px;bottom: 30px;color: #fff;font-size: 14px;background: #4a8efd;border-radius: 6px;}
.main-download .download-ios .btn-download{background: #ced3d5;cursor: default;}

.main-download .download-file .download-qrcode-wrap{position: absolute;padding: 10px;background: #fff;left: 50%;margin-left: -90px;bottom: 50px;}
.main-download .download-file .img-qrcode{display: block;width: 160px;}
.main-download .download-file .triangle{position: absolute;font-size: 40px;color: #fff;bottom: -20px;line-height: 1;left: 50%;margin-left: -12px;}

/**********帮助中心**********/
.main-help{background: #fff;}

.main-help .placeholder{height: 80px;box-shadow: 0 2px 10px 0 rgba(27,33,38,0.17);}
.main-help-con-wrap{padding: 25px 0;}
.main-help-con{width: 1200px;margin: 0 auto;position: relative;}
.main-help-con .vertical-line{position: absolute;left: 318px;top: -25px;bottom: -25px;width: 2px;background: #efefef;}
.main-help-con .left-side{width: 320px;}
.main-help-con .sidebar{}
.main-help-con .sidebar-list{}
.main-help-con .sidebar-list:first-child{margin-top: 0;}
.main-help-con .sidebar-list .list-title{padding-left: 30px;height: 40px;line-height: 40px;font-size: 0;position: relative;cursor: pointer;background: #f3f3f3;}
.main-help-con .sidebar-list .list-title .txt{font-size: 14px;color: #000;font-weight: bold;}
.main-help-con .sidebar-list .list-title .img-arrow-wrap{position: absolute;width: 14px;height: 7px;right: 30px;top: 50%;margin-top: -3px;background: url(/o_img/help/img_arrow.png) 0 -7px;}
.main-help-con .sidebar-list .list-title.open .img-arrow-wrap{background-position: 0 0;}
.main-help-con .sidebar-list .list-item-wrap{padding: 10px 0 14px 30px;}
.main-help-con .sidebar-list .list-item{height: 30px;line-height: 30px;cursor: pointer;font-size: 14px;color: #000;position: relative;margin-top: 6px;}
.main-help-con .sidebar-list .list-item .border-right{display: none;position: absolute;width: 4px;height: 30px;right: 0;top: 0;background: #4a8efd;border-radius: 2px;}
.main-help-con .sidebar-list .list-item:hover{color: #4a8efd;}
.main-help-con .sidebar-list .list-item:hover .border-right{display: block;}
.main-help-con .sidebar-list .list-item.active{color: #4a8efd;}
.main-help-con .sidebar-list .list-item.active .border-right{display: block;}

.main-help-con .right-side{padding-bottom: 30px;background: #fff;}
.main-help-con .main-con{padding-left: 50px;padding-top: 46px;}
.main-help-con .list-details{}
.main-help-con .list-details .title{font-size: 24px;color: #22252e;}
.main-help-con .list-details .details-content{color: #22252e;margin-top: 34px;}
.main-help-con .list-details .details-content .link{color: #3d7dff;}
.main-help-con .list-details .details-content .link:hover{text-decoration: underline;}
.main-help-con .list-details .details-content .tip-wrap{margin-bottom: 10px;}
.main-help-con .list-details .details-content .tip-1{line-height: 2;font-size: 14px;}
.main-help-con .list-details .details-content .tip-2{font-size: 14px;line-height: 2;margin-bottom: 10px;}
.main-help-con .list-details .details-content .tip-3{font-size: 14px;line-height: 2;color: #a5a5a5;margin-bottom: 10px;}
.main-help-con .list-details .details-content .tip-4{font-size: 14px;line-height: 2;}

.main-help-con .list-details .details-content .img{margin: 30px 0;display: block;border: 1px solid #dedede;}
.main-help-con .list-details .details-content .img-web{width: 100%;}
.main-help-con .list-details .details-content .img-pc{width: 800px;}
.main-help-con .list-details .details-content .img-wap{width: 375px;}

.main-help-con .list-details .details-content .img-novice-1-2{width: 500px;}
.main-help-con .list-details .details-content .img-novice-1-3{width: 500px;}
.main-help-con .list-details .details-content .img-novice-1-4{width: 500px;}
.main-help-con .list-details .details-content .img-novice-1-5{width: 500px;}

/**********开发者中心**********/
.root-developer{}
.main-developer{}
.main-developer .placeholder{height: 80px;background: #fff;}

/****背景区域****/
.main-developer .bg-area{position: relative;height: 830px;}
.main-developer .bg-wrap{background: url(/o_img/developer/bg.jpg) no-repeat center;}
.main-developer .bg-content{width: 1200px;margin: 0 auto;position: relative;padding-top: 1px;text-align: center;}
.main-developer .bg-big-title{font-size: 48px;color: #fff;margin-top: 100px;}
.main-developer .bg-content .split-line{width: 169px;height: 2px;background: #fff;border-radius: 1px;margin: 15px auto 0;}
.main-developer .bg-small-title{font-size: 20px;color: #fff;margin-top: 60px;}

/**下载区域**/
.main-developer .download-area{margin-top: 65px;}
.main-developer .download-area .download-file-list{width: 630px;margin: 0 auto;text-align: center;}
.main-developer .download-area .download-file-wrap{position: relative;float: left;width: 300px;height: 450px;margin-left: 14px;}
.main-developer .download-area .download-file-wrap:first-child{margin-left: 0;}
.main-developer .download-area .download-file-wrap:hover{}
.main-developer .download-file-wrap .mask-layer{background: #000;opacity: .2;filter: alpha(opacity=20);}
.main-developer .download-file-wrap:hover .mask-layer{background: #4a8efd;opacity: .1;filter: alpha(opacity=10);}
.main-developer .download-file-wrap .border{position: absolute;background: #4a8efd;opacity: .2;filter: alpha(opacity=20);}
.main-developer .download-file-wrap:hover .border{opacity: 1;filter: alpha(opacity=100);}
.main-developer .download-file-wrap .border-top{width: 100%;height: 1px;left: 0;top: 0;}
.main-developer .download-file-wrap .border-right{height: 100%;width: 1px;top: 0;right: 0;}
.main-developer .download-file-wrap .border-bottom{width: 100%;height: 1px;left: 0;bottom: 0;}
.main-developer .download-file-wrap .border-left{height: 100%;width: 1px;left: 0;top: 0;}
.main-developer .download-area .download-img-area{margin-top: 57px;height: 90px;font-size: 0;}
.main-developer .download-area .img-download-wrap{background-repeat: no-repeat;}
.main-developer .download-area .download-app .img-download-wrap{width: 90px;height: 90px;background-image: url(/o_img/developer/icon_app.png?v=20200531001);}
.main-developer .download-area .download-windows .img-download-wrap{width: 90px;height: 90px;background-image: url(/o_img/developer/icon_windows.png?v=20200531001);}
.main-developer .download-area .download-ios .img-download-wrap{width: 92px;height: 91px;background-image: url(/o_img/developer/icon_ios.png);}
.main-developer .download-area .download-title{font-size: 20px;margin-top: 27px;color: #fff;font-weight: bold;}
.main-developer .download-file .advantage-list{margin-top: 36px;padding-left: 32px;font-size: 0;}
.main-developer .download-file .advantage-list-item{margin-top: 19px;text-align: left;overflow: hidden;}
.main-developer .download-file .advantage-list-item:first-child{margin-top: 0;}
.main-developer .download-file .advantage-list-item .list-item-details{width: 118px;margin-left: 16px;}
.main-developer .download-file .advantage-list-item .img-hook{margin-right: 7px;}
.main-developer .download-file .advantage-list-item .txt{font-size: 12px;color: #fff;}
.main-developer .download-file .btn-download{display: block;margin: 51px auto 0;width: 158px;height: 38px;line-height: 38px;border-radius: 6px;color: #fff;border: 1px solid #4a8efd;background: #4a8efd;font-size: 14px;}
.main-developer .download-file .btn-not-allowed{cursor: default;background: transparent;color: #f58a3c;}

/****开发者区域****/
.main-developer .advantage-area{height: 473px;text-align: center;}
.main-developer .advantage-area .advantage-explain-wrap{background: #fff;}
.main-developer .advantage-area .advantage-explain{width: 1200px;height: 222px;padding-top: 1px;margin: 0 auto;text-align: center;}
.main-developer .advantage-area .advantage-explain .big-title{color: #000;font-size: 28px;margin-top: 57px;font-weight: bold;}
.main-developer .advantage-area .advantage-explain .split-line{width: 36px;height: 2px;background: #3d7dff;margin: 12px auto 0;}
.main-developer .advantage-area .advantage-explain .tip{color: #b9babf;font-size: 18px;line-height: 22px;margin-top: 36px;}

.main-developer .advantage-area .advantage-list-wrap{background: #f2f3f5;}
.main-developer .advantage-area .advantage-list{width: 1200px;padding: 50px 0;margin: 0 auto;text-align: center;}
.main-developer .advantage-area .advantage-list-item{float: left;width: 25%;height: 150px;position: relative;}
.main-developer .advantage-area .advantage-list-item .split-line{position: absolute;width: 2px;height: 100%;left: 0;top: 0;background: #dbdbdb;}
.main-developer .advantage-area .advantage-list-item .advantage-title{color: #000;font-size: 20px;margin-top: 34px;font-weight: bold;}
.main-developer .advantage-area .advantage-list-item .advantage-desc{text-align: left;font-size: 14px;color: #000;line-height: 24px;margin-top: 14px;}

/**********关于我们**********/
.root-about{background: #fff;}
.main-about{background: url(/o_img/about/bg.png) no-repeat top;background-size: 100%;}
.main-about .placeholder{height: 80px;background: #fff;box-shadow: 0 2px 10px 0 rgba(27,33,38,0.17);}

/****背景区域****/
.main-about .bg-area{}
.main-about .bg-content{width: 1200px;margin: 0 auto;position: relative;padding-top: 1px;text-align: center;}
.main-about .bg-big-title{font-size: 40px;color: #000;margin-top: 123px;}
.main-about .bg-small-title{font-size: 18px;color: #000;margin-top: 18px;font-weight: bold;}
.main-about .bg-tip{font-size: 14px;color: #000;line-height: 18px;margin-top: 20px;}

.main-about .about-list{width: 1200px;margin: 46px auto 0;text-align: center;padding-top: 1px;}
.main-about .about-list .list-item{float: left;position: relative;width: 400px;margin-top: 65px;}
.main-about .about-list .split-line{position: absolute;width: 2px;height: 80px;left: 0;top: 50%;margin-top: -40px;background: #efefef;}
.main-about .about-list .img-icon{display: block;margin: 0 auto;width: 90px;}
.main-about .about-list .item-title{font-size: 18px;font-weight: bold;color: #000;margin-top: 14px;}
.main-about .about-list .item-con{font-size: 14px;color: #000;line-height: 21px;margin-top: 16px;text-align: left;}

.main-about .contact-area{margin-top: 100px;}
.main-about .contact-con{width: 1200px;margin: 0 auto;text-align: center;padding-top: 1px;padding-bottom: 48px;background: url(/o_img/about/bg_2.jpg) no-repeat bottom;}
.main-about .contact-big-title{font-size: 30px;color: #000;font-weight: bold;}
.main-about .contact-small-title{font-size: 20px;color: #000;margin-top: 23px;}
.main-about .contact-list{margin-top: 36px;}
.main-about .contact-list .list-item{width: 291px;height: 181px;border: 1px solid #ced3d5;}
.main-about .contact-list .list-item:first-child{border-right: 0;width: 292px;}
.main-about .contact-list .img-icon{display: block;margin: 0 auto;width: 60px;margin-top: 41px;}
.main-about .contact-list .item-txt{font-size: 18px;color: #000;margin-top: 12px;}
.main-about .contact-address{font-size: 0;margin-top: 39px;line-height: 39px;color: #000;}
.main-about .contact-address .img-pos{margin-right: 17px;}
.main-about .contact-address .txt{font-size: 18px;}

/**********更多IP信息**********/
.root-more-ip{background: #fff;}
.main-more-ip{position: relative;}

/****背景区域****/
.main-more-ip .bg-area{position: absolute;width: 1200px;height: 230px;left: 50%;margin-left: -600px;bottom: 0;background: url(/o_img/more_info_ip/bg.jpg) no-repeat top;}
.main-more-ip .placeholder{height: 70px;background: #060606;}

.main-more-ip .more-ip-list{width: 1200px;margin: 0 auto;padding: 80px 0;position: relative;}
.main-more-ip .more-ip-list .list-item{margin-top: 53px;padding-left: 45px;padding-right: 40px;}
.main-more-ip .more-ip-list .list-item:first-child{margin-top: 0;}
.main-more-ip .more-ip-list .item-img{width: 200px;height: 130px;}
.main-more-ip .more-ip-list .item-desc{margin-left: 155px;line-height: 130px;font-size: 24px;color: #000;}
.main-more-ip .more-ip-list .btn-contact{font-size: 0;line-height: 54px;color: #fff;padding: 0 26px 0 18px;margin-top: 38px;background: #ff903e;border-radius: 10px;}
.main-more-ip .more-ip-list .btn-contact .img-icon-tel{margin-right: 12px;}
.main-more-ip .more-ip-list .btn-contact .txt{font-size: 19px;}

/**********个人中心**********/

/****  XXX  ****/


/*  XX  */

/**********登录 & 注册 & 忘记密码**********/
.entry-outer{width:1000px;margin:0 auto;overflow: hidden;padding-bottom: 30px;}
.entry-outer .logo{margin:145px 0 30px 0;}
.entry-outer .logo .img{display: block;margin: 0 auto;height:84px;}
.entry-outer .entry-way{text-align: center;font-size: 24px;margin-bottom: 16px;color: #666;}
.entry-outer .entry-panel{width:525px;background: #fff;border-radius: 3px;position: relative;margin: 0 auto 178px;padding: 62px 0 42px;border:1px solid #ecedf0;box-shadow: 0 0 1px 1px #f1f2f5;}
.entry-outer .input-wrap{position: relative;margin:0 auto;margin-bottom: 42px;width:414px;height: 44px;line-height: 44px;}
.entry-outer .input-wrap .title{width: 80px;text-align: left;padding-right: 10px;font-size: 14px;color: #333;}
.entry-outer .input-wrap .input-txt{border:1px solid #dee0e3;width: 282px;height:42px;padding:0 20px;color:#666;font-size: 14px;border-radius: 3px;}
.entry-outer .input-wrap .input-txt-short{width: 166px;}
.entry-outer .input-wrap .input-txt:focus{border-color: #4a8efd;}
.entry-outer .input-wrap .input-txt.error{border-color: #f35050;}
.entry-outer .input-wrap .img-code{width: 100px;height: 44px;cursor: pointer;}
.entry-outer .input-wrap .sms-code{text-align: center;width: 98px;height: 42px;line-height: 42px;border: 1px solid #4a8efd;border-radius: 15px;color: #4a8efd;font-size: 14px;}
.entry-outer .input-wrap .sms-code.disabled{border-color: #888;color: #888;font-size: 12px;cursor: default;}
.entry-outer .input-wrap .error-tip{position: absolute;padding: 0 12px;height: 34px;line-height: 34px;font-size: 0;left: 90px;top:-50px;border:1px solid #d7d9dc;color:#f35050;border-radius: 3px;z-index: 20;}
.entry-outer .input-wrap .error-tip .txt{font-size: 14px;}
.entry-outer .input-wrap .error-tip .img{margin-right: 8px;width:18px;}
.entry-outer .entry-panel em.triangle{position: absolute;font-size:50px;font-style: normal;left:319px;top:-35px;color:#ecedf0;}
.entry-outer .entry-panel span.triangle{position: absolute;font-size: 50px;color:#fff;left:319px;top:-34px;}
.entry-outer .input-wrap .error-tip em.triangle{color:#d7d9dc;font-size: 30px;left:47px;top:16px;}
.entry-outer .input-wrap .error-tip span.triangle{font-size: 30px;left:47px;top:15px;}
.entry-outer .entry-panel .entry-footer{text-align: center;}
.entry-outer .entry-footer .input{border:none;width:414px;height:44px;line-height: 44px;color:#fff;font-size: 14px;background: #4a8efd;border-radius: 3px;cursor: pointer;}
.entry-outer .entry-footer .tip{font-size: 16px;padding: 0 55px;margin-top: 20px;}
.entry-outer .entry-footer .color-1{color: #4a8efd;}
.entry-outer .entry-footer .color-2{color: #999;}
.entry-outer .entry-footer .color-3{color: #333;}
.entry-outer .line{width:1000px;height:1px;background: #dcdfe2;margin-bottom: 23px;}
.entry-outer .copy-right{color:#bbb;font-size: 12px;text-align: center;margin-bottom: 7px;}

/**********404页面**********/
.root-404{}
.root-404 .placeholder{height: 80px;background: #fff;}

.main-404{position: absolute;width: 100%;;left: 0;top: 80px;bottom: 280px;}

.root-404 .img-404{display: block;width: 487px;margin: 0 auto;}
.root-404 .return-index{display: block;margin: 53px auto 0;width: 200px;height: 40px;line-height: 40px;border-radius: 20px;background: #3d7dff;color: #fff;font-size: 18px;}

.root-404 .footer-wrap{position: absolute;width: 100%;left: 0;bottom: 0;}

/**********注册协议**********/
.root-protocol{background: #fff;}
.main-protocol{padding: 8px 48px;}
.main-protocol .big-title{font-size: 28px;font-weight: bold;margin-top: 30px;padding-bottom: 20px;line-height: 46px;text-align: center;}
.main-protocol .explain{font-size: 18px;}
.main-protocol .protocol-list{overflow: hidden;font-size: 18px;line-height: 30px;padding-bottom: 60px;}
.main-protocol .protocol-list dt{margin-top: 30px;}

/**********新闻列表**********/

.root-news-all{}
.main-news-all{background: #fff;}
.main-news-all .placeholder{height: 80px;}

/****背景区域****/
.main-news-all .bg-area{position: relative;}
.main-news-all .bg-wrap{background: #2a2e48;}
.main-news-all .bg-content{height: 351px;padding-top: 1px;width: 1200px;margin: 0 auto;position: relative;}
.main-news-all .bg-title-area{margin-left: 56px;border: 1px solid #fff;border-right: none;position: relative;width: 154px;padding: 48px 0 48px 47px;}
.main-news-all .bg-title-area .border-right{position: absolute;width: 1px;right: 0;background: #fff;}
.main-news-all .bg-title-area .border-right-top{top: 0;height: 39px;}
.main-news-all .bg-title-area .border-right-bot{bottom: 0;height: 39px;}
.main-news-all .bg-title-wrap{position: relative;white-space: nowrap;}
.main-news-all .bg-big-title-1{font-size: 47px;color: #fff;font-weight: bold;}
.main-news-all .bg-title-wrap .split-line{width: 70px;height: 2px;background: #707070;margin-top: 20px;}
.main-news-all .bg-small-title-1{font-size: 16px;color: #fff;margin-top: 19px;}

.main-news-all .news-list-area{padding: 56px 0 45px;}
.main-news-all .news-list{width: 1200px;margin: 0 auto 32px;}
.main-news-all .news-list .list-item{}
.main-news-all .news-list .date-wrap{float: left;width: 195px;padding: 22px 0;}
.main-news-all .news-list .date-box{margin: 0 auto;border: 2px solid #4a8efd;border-radius: 4px;width: 78px;height: 78px;text-align: center;}
.main-news-all .news-list .date-top{font-size: 16px;color: #242529;margin-top: 13px;}
.main-news-all .news-list .date-bot{font-size: 30px;color: #242529;margin-top: 6px;font-weight: bold;}
.main-news-all .news-list .news-link{display: block;overflow: hidden;padding: 22px 0 35px;border-bottom: 1px solid #d8dadf;}
.main-news-all .news-list .news-title{font-size: 20px;color: #242529;font-weight: bold;margin-top: 14px;}
.main-news-all .news-list .news-link:hover .news-title{color: #4a8efd;}
.main-news-all .news-list .news-desc{font-size: 18px;color: #242529;margin-top: 16px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

/**********新闻详情**********/
.root-news-details{}
.main-news-details{background: #fff;}
.main-news-details .placeholder{height: 80px;box-shadow: 0 2px 10px 0 rgba(27,33,38,0.17);}

.main-news-details .news-content{width: 1200px;margin: 0 auto;padding: 92px 0 75px;}
.main-news-details .news-content .news-title{font-size: 30px;color: #161c3b;font-weight: bold;}
.main-news-details .news-content .news-time{font-size: 14px;color: #666;margin-top: 18px;}
.main-news-details .news-content .news-info{font-size: 16px;color: #161c3b;margin-top: 16px;line-height: 1.5;}
.main-news-details .news-content .news-footer{margin-top: 70px;height: 56px;position: relative;}
.main-news-details .news-content .news-link-wrap{line-height: 28px;font-size: 0;}
.main-news-details .news-content .news-link{color: #161c3b;font-size: 14px;}
.main-news-details .news-content .news-link:hover{color: #4a8efd;}
.main-news-details .news-content .news-link .link-title{font-weight: bold;}
.main-news-details .news-content .news-footer .btn-more{position: absolute;width: 158px;height: 38px;line-height: 38px;left: 50%;top: 50%;margin-left: -80px;margin-top: -20px;border: 1px solid #4a8efd;color: #4a8efd;font-size: 14px;text-align: center;border-radius: 6px;}
.main-news-details .news-content .news-footer .btn-more:hover{background: #4a8efd;color: #fff;}

/*laydate重置样式*/
.layui-laydate-main .layui-laydate-header i:hover, .layui-laydate-main .layui-laydate-header span:hover{color: #4a8efd;}
.layui-laydate .layui-laydate-content .layui-this{background-color: #4a8efd !important;}
.laydate-theme-grid .layui-laydate-content .laydate-selected, .laydate-theme-grid .layui-laydate-content .laydate-selected:hover{color: #4a8efd !important;}
.layui-laydate-footer .laydate-footer-btns span:hover{color: #4a8efd;}

/*动画效果*/

/*地图加载动画*/
@-webkit-keyframes rip {
	0% {
		-webkit-transform: scale(0); opacity: 0; filter: alpha(opacity=0);
	}
  	5% {
  		opacity: 1; filter: alpha(opacity=100);
  	}
  	100% {
  		-webkit-transform: scale(1); opacity: 0; filter: alpha(opacity=0);
  	}
}

@keyframes rip {
	0% {
		-webkit-transform: scale(0); opacity: 0; filter: alpha(opacity=0);
	}
  	5% {
  		opacity: 1; filter: alpha(opacity=100);
  	}
  	100% {
  		-webkit-transform: scale(1); opacity: 0; filter: alpha(opacity=0);
  	}
}

/*加载中动画*/
@-webkit-keyframes pulse {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
	}
	100% {
		opacity: .5;
		-webkit-transform: scale(.75);
	}
}

@keyframes pulse {
	0% {
		opacity: 1;
		transform: scale(1);
	}
	100% {
		opacity: .5;
		transform: scale(.75);
	}
}

/*放大缩小动画*/
@-webkit-keyframes scale {
	0% {
		-webkit-transform: scale(1);
	}
	50% {
		-webkit-transform: scale(1.05);
	}
	100% {
		-webkit-transform: scale(1);
	}
}

@keyframes scale {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.05);
	}
	100% {
		transform: scale(1);
	}
}