html, body { padding: 0; margin: 0 auto; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
body { overflow: auto; }
body, a, textarea, input,pre,button {font-family:"Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;font-size: 14px;/* line-height: 24px;*/ color: #333; }
div, dl, dt, dd, ul, ol, li, p, h1, h2, h3, h4, h5, h6, th, td, hr, blockquote { padding: 0; margin: 0; }
a { color: #61749B; text-decoration: none; }
a:hover { color: #61749B; text-decoration: none; outline: 0; cursor: pointer; }
a:active, a:focus, div:focus { outline: none; }
li { list-style: none; }
img, iframe { border: 0; display: block; }
table { border-collapse: collapse; border-spacing: 0; }
input,button{ outline: none; }
button:disabled{opacity:0.6;}
pre{white-space: pre-wrap;word-wrap: break-word;padding:0;margin:0;}
input[type=radio] { vertical-align: -2px;  *vertical-align:-1px; }
label,a{-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.clear { clear: both; }
/*隐藏元素*/
.hide { display: none; }
/*表格防止内容过多变形*/
.table { white-space: nowrap; border-collapse: collapse; }
/*下拉框，输入框居中*/
select, input { vertical-align: middle; }
/*截取字符串长度,并以...代替*/
.substr { white-space: nowrap; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; }
/*浮动*/
.fl { float: left; }
.fr { float: right; }
.oh { overflow: hidden; }
/*边距*/
.m0 { margin: 0; }
.mb0 { margin-bottom: 0; }
.ml5 { margin-left: 5px; }
.mr5 { margin-right: 5px; }
.mt5 { margin-top: 5px; }
.mb5 { margin-bottom: 5px; }
.my5 { margin: 5px 0; }
.mx5 { margin: 0 5px; }
.ml10 { margin-left: 10px; }
.mr10 { margin-right: 10px; }
.mt10 { margin-top: 10px; }
.mb10 { margin-bottom: 10px; }
.my10 { margin: 10px 0; }
.mx10 { margin: 0 10px; }
.ml20 { margin-left: 20px; }
.mr20 { margin-right: 20px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mb20 { margin-bottom: 20px; }
.my20 { margin: 20px 0; }
.mx20 { margin: 0 20px; }
.mt15 {margin-top:15px;}
.mt500{margin-top: 500px;}
.mt40 {margin-top: 40px;}
.mt25 {margin-top: 25px;}
/*间距*/
.p0 { padding: 0; }
.pl5 { padding-left: 5px; }
.pr5 { padding-right: 5px; }
.pt5 { padding-top: 5px; }
.pb5 { padding-bottom: 5px; }
.py5 { padding: 5px 0; }
.px5 { padding: 0 5px; }
.p10 { padding: 10px; }
.py10 { padding: 10px 0; }
.px10 { padding: 0 10px; }
.pl10 { padding-left: 10px; }
.pr10 { padding-right: 10px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pb10 { padding-bottom: 10px; }
.p10-20 { padding: 10px 20px; }
.p20 { padding: 20px; }
.py20 { padding: 20px 0; }
.px20 { padding: 0 20px; }
.pl20 { padding-left: 20px; }
.pr20 { padding-right: 20px; }
.pt20 { padding-top: 20px; }
.pb20 { padding-bottom: 20px; }
.pt30 { padding-top: 30px;}
/*字体大小*/
.font10{font-size:10px;}
.font13{font-size: 13px;}
.font14 { font-size: 14px; }
.font15 { font-size: 15px; }
.font16 { font-size: 16px; }
.font18 { font-size: 18px; }
.font20 { font-size: 20px; }
.font22 { font-size: 22px; }
.font24 { font-size: 24px; }
.font26 { font-size: 26px; }
.font30 { font-size: 30px; }
.font34 { font-size: 34px; }
.font35 {font-size: 35px;}
.font42 { font-size: 42px; }
.font48 { font-size: 48px; }
/*粗体*/
.b { font-weight: bold; }
.fw600{font-weight: 600;}
/*字体颜色*/
.color_cyan { color: #64B3B6; }
.color_red { color: #FF0000; }
.color_green { color: #009799; }
.color_black { color: #000; }
.color_blue { color: #03ADDD; }
.color_orange { color: #DF783E; }
.color_brown { color: #DCB097; }
.color_444 { color: #444; }
.color_555 { color: #555; }
.color_666 { color: #666; }
.color_777 { color: #777; }
.color_888 { color: #888; }
.color_999 { color: #999; }
.color_fff { color: #FFF; }
.color_f56{color: #FFFF56;}

.color_143{color:rgb(143,143,143); }
/*背景色*/
.bg_blue { background-color: #35AFB3;}
.bg_green { background-color: #5A9D40; }
.bg_purple { background-color: #D40E87; }
.bg_orange { background-color: #FF7231; }
.bg_brown { background-color: #DCB097; }
/*对齐*/
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.ti { text-indent: 2em; }
::-webkit-scrollbar-track-piece{
    background-color:transparent;/*滚动条的背景颜色*/
    -webkit-border-radius:0;/*滚动条的圆角宽度*/
}
::-webkit-scrollbar{
    width:0px;/*滚动条的宽度*/
    height:6px;/*滚动条的高度*/
}
::-webkit-scrollbar-thumb{/*垂直滚动条的样式*/
    height:6px;
    background-color:rgba(0,0,0,0.2);
    -webkit-border-radius:10px;
}
::-webkit-scrollbar-thumb:hover{/*滚动条的hover样式*/
    height:6px;
    background-color:rgba(0,0,0,0.4);
    -webkit-border-radius:10px;
}
.preloading{ position:fixed;top:0;left:0;right:0;bottom:0;z-index:999; background: url("https://pic-qiniu.tingo66.com/tzzj/load_logo.png") rgb(46,40,107) no-repeat center;background-size:100px 100px;display:flex;align-items: center;justify-content: center;}
.preloading span{ background: url("https://pic-qiniu.tingo66.com/tzzj/loading.png") no-repeat center;width:118px;height:118px; display:block;animation:rotate360 1s .2s infinite linear both; -webkit-animation:rotate360 1s .2s infinite linear both;}


.btn-close:hover{animation:rotate360 0.5s; -webkit-animation:rotate360 0.5s; opacity:1;}
.btn-close {background: url(https://pic-qiniu.tingo66.com/tzzj/yiren-btn.png) no-repeat center;width: 15px; height: 15px;display: block;position: absolute;top: 20px;right: 20px;opacity: 0.6;text-indent: -9999px;z-index: 1;
}
.btn-close1:hover{animation:rotate360 0.5s; -webkit-animation:rotate360 0.5s; opacity:1;}
.btn-close1{background: url(https://pic-qiniu.tingo66.com/tzzj/yiren1-btn.png) no-repeat center;width: 15px;height: 15px;display: block;position: absolute;top: 20px;right: 20px;opacity: 0.6;text-indent: -9999px;z-index: 1;}
.btn-close3:hover{animation:rotate360 0.5s; -webkit-animation:rotate360 0.5s; opacity:1;}
.btn-close3 {background: url(https://pic-qiniu.tingo66.com/tzzj/yiren-btn.png) no-repeat center;width: 15px; height: 15px;display: block;position: absolute;top:-20px;right:-15px;opacity: 0.6;text-indent: -9999px;z-index: 1;
}
@keyframes rotate360
{
    0%  {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);transform: rotate(0deg);}
    100% {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);transform: rotate(360deg);}
}

@-webkit-keyframes rotate360
{
    0%  {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);transform: rotate(0deg);}
    100% {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);transform: rotate(360deg);}
}


.trans90{transform:rotate(90deg)}

.panel{ overflow: hidden;}
.chuizhi { display: flex;align-items: center;justify-content: center;}
/*每页的最大宽度*/
.max-width { width: 1200px;margin: 0 auto}
.max-width1 {width: 1350px;margin: 0 auto;}
.max-width2 {width: 1150px;margin: 0 auto;}

/*菜单栏*/
.header { position: fixed;left: 0;right: 0;z-index: 20;background-color: rgba(0,0,0,0.5);}
.logo { padding: 5px 0;}
.logo img { height: 36px;}
.menu { overflow: hidden;}
.menu a { float: left;text-decoration : none;border-bottom: 2px solid transparent;padding: 0 10px;margin-left: 15px; overflow: hidden; opacity:0.5;transition:all 0.5s;color:#FFF;line-height: 46px;display: inline-block}
.menu a.active,.menu a:hover{ border-color: #FF0000;opacity:1;}

/*第一幕*/
/*.p5 { background: url(https://pic-qiniu.tingo66.com/tzzj/p1-bg.png)center no-repeat;background-size: cover;}*/
/*.p5 > .animate-show{margin-top: 50px;position: relative;height: 974px;overflow: hidden;}*/
/*.animate-show > .tzzj-logo{position: absolute;left: 40%;top:25%;z-index: 12}*/
/*.animate-show > .bg-one{position: absolute;left:20%;bottom:35%;}*/
/*.animate-show > .animate-one{position: absolute;left:-2%;top:-35%;z-index: 13;}*/
/*.animate-show > .animate-two{position: absolute;left: 23%;top:-10%;z-index: 11;}*/
/*.animate-show > .animate-three{position: absolute;right: -10%;top:-15%;z-index: 11;}*/
/*.animate-show > .animate-five{position: absolute;left: -10%;bottom:-25%;z-index: 9;}*/
/*.animate-show > .animate-six{position: absolute;left: -38%;top:-5%;z-index: 15;}*/
/*.animate-show > .animate-seven{position: absolute;left: -25%;top:-5%;z-index: 10;}*/
/*.animate-show > .animate-eight{position: absolute;left:8%;bottom:-70%;z-index: 10;}*/
/*.animate-show > .animate-nine{position: absolute;left:-5%;top:-10%;z-index: 8;}*/
/*.animate-show > .animate-ten{position: absolute;right:-15%;bottom:-80%;z-index: 10;}*/
/*.animate-show > .animate-eleven{position: absolute;left:45%;bottom:5%;z-index: 14;animation:b 1.01s 2s linear both;}*/

@keyframes lt {
    0% {-webkit-transform: translate(-100%,-100%);}
    100%{-webkit-transform: translate(0,0);}
}
@keyframes t {
    0% {-webkit-transform: translate(0,-100%);}
    100%{-webkit-transform: translate(0,0);}
}
@keyframes bb{
    0% {-webkit-transform: translate(0,80%);}
    100%{-webkit-transform: translate(0,0);}
}
@keyframes b{
    0% {-webkit-transform: translate(0,125%);}
    100%{-webkit-transform: translate(0,0);}
}
@keyframes l {
    0% {-webkit-transform: translate(-100%,0);}
    100%{-webkit-transform: translate(0,0);}
}
@keyframes rt {
    0% {-webkit-transform: translate(100%,50%);}
    80%{-webkit-transform: translate(0,0);}
    100%{-webkit-transform: translate(0,0);}
}

.loading { background: url(https://pic-qiniu.tingo66.com/tzzj/p1-bg.png) rgb(46,40,107) center no-repeat;background-size: cover;position: fixed;top:0;right:0;left:0;bottom:0; z-index: 998}
.loading.animate-start{overflow: hidden;}
.loading.animate-start > .tzzj-logo{position: absolute;left: 40%;top:25%;z-index: 20;}
.loading.animate-start > .bg-one{position: absolute;left:20%;bottom:35%;}
.loading.animate-start > .animate-one{position: absolute;left:-2%;top:-35%;z-index: 16;animation: lt 2s 1s linear both;}
.loading.animate-start > .animate-two{position: absolute;left: 23%;top:-10%;z-index: 14;animation: t 2s 1s linear both;}
.loading.animate-start > .animate-three{position: absolute;right: -10%;top:-15%;z-index:14;animation:rt 2s 1s linear both;}
.loading.animate-start > .animate-five{position: absolute;left: -10%;bottom:-25%;z-index: 12;animation:b 2s 1s linear both;}
.loading.animate-start > .animate-six{position: absolute;left: -38%;top:-5%;z-index: 18;animation: l 2s 1s linear both;}
.loading.animate-start > .animate-seven{position: absolute;left: -25%;top:-5%;z-index: 13;animation:bb 2s 1s linear both;}
.loading.animate-start > .animate-eight{position: absolute;left:8%;bottom:-70%;z-index: 13;animation:bb 2s 1s linear both;}
.loading.animate-start > .animate-nine{position: absolute;left:-5%;top:-10%;z-index: 11;animation:t 2s 1s linear both;}
.loading.animate-start > .animate-ten{position: absolute;right:-15%;bottom:-80%;z-index: 13;animation:b 2s 1s linear both;}
.loading.animate-start > .animate-eleven{position: absolute;left:45%;bottom:5%;z-index: 17;animation:b 2s 2s linear both;}


/*第二幕*/
.p1 { background: url(https://pic-qiniu.tingo66.com/tzzj/p2-bg.jpg)center no-repeat;background-size: cover;z-index: 1}
.p1-shop {text-align: center;width: 24%;margin-right: 1%; }
.p1-shop img { width: 100%;opacity: 0.8;}
.p1-shop img:hover{opacity: 1;}
.p1-shop .store-info { position: absolute;top: 35%;left: 0;width: 100%;font-size: 15px;}
.p1-shop .shop-size { position: relative;display: inline-block;width: 100%;cursor:pointer}
/*.p1 >.p1-txt {padding-top: 3%;}*/
.p1 .p1-txt {margin-top: 2%;}
.p1 .p1-txt p{font-size: 18px;color: white;line-height: 30px;}

/*第二幕中店铺位置的那个logo*/
@font-face {font-family: "iconfont";
    src: url('iconfont.eot?t=1511753278140'); /* IE9*/
    src: url('iconfont.eot?t=1511753278140#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAWAAAsAAAAAB+gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZW7kiMY21hcAAAAYAAAABeAAABhpvABr5nbHlmAAAB4AAAAbgAAAHUGiD88mhlYWQAAAOYAAAALwAAADYPopJ4aGhlYQAAA8gAAAAcAAAAJAfeA4RobXR4AAAD5AAAAAwAAAAMC+kAAGxvY2EAAAPwAAAACAAAAAgAdgDqbWF4cAAAA/gAAAAfAAAAIAESAF1uYW1lAAAEGAAAAUUAAAJtPlT+fXBvc3QAAAVgAAAAIAAAADFudOoJeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2Bk/sE4gYGVgYOpk+kMAwNDP4RmfM1gxMjBwMDEwMrMgBUEpLmmMDgwVDxbxNzwv4EhhrmBoQEozAiSAwAvYg0OeJzFkMENgDAMAy9t6QMxCA8G4sUcnafDdY1iQnkwQS05VhxLiQIsQBQPMYFdGA9OueZ+ZHU/eSZLjUBptXf1nyqiWXYNKplpsHmr/9i87qPTVyiDOrHVl4Qb8P4OFwAAeJwljz1v01AYhe+5jj/yYSe5/oqdxkns1reQYFrXcYoiUhVVMiQMlTp1RMmCUBmQUEXF0KUSAgYm1koIiT/A0KF/oqgDEhOC32Fw4egM53119EiHiIT8+SlcCi2ik3WySfbIPiGQBvA12kGfJxEdwOyLpm1oAg94Xw78SLgP25cMK06T0JZkqQ4NHrb6ccojyjFKpnSC2OoATts9YGsrTPiASot7Z/mMfoLZDVbq0zv5o+GOEfd05bjGmMPYe0USRYXSUl3DkW2VxXJFyj+Ldde87N6iXdQc7j4+VHtt9uRN8ryzZpeB01Po7Z72ZafpNgu/di2dOXJDVVquGqwaOP5dbem1TviLFLrZeia8Ek6ITW6TIdku1hLR5wh5OJpiHNsebMs0ZEmGVKbpOB0lIY/ANciGbYmbYpGLXtHSIBTPIhRnBEpVJf9mqqx0ff4w233qdZlq5FdK/gMOnGa1kdyNX07eXQiNKj3Mr+YLShfz2ZLS5SzNKM3SNAOykwq+rvJ7k/PrUtA7erC3O9leD/J5Bd/zZ/jo+RvJ+EW8NUbp4m2y4Q/0fwxgOZsvMMQN5D/qL/aZUe94nGNgZGBgAGJ7Q5Xf8fw2Xxm4WRhA4JrjcjsE/b+VhYG5CsjlYGACiQIAB/8JRwB4nGNgZGBgbvjfwBDDwgACQJKRARUwAwBHCQJsBAAAAAPpAAAEAAAAAAAAAAB2AOp4nGNgZGBgYGYIZGBlAAEmIOYCQgaG/2A+AwAQ9wFwAHicZY9NTsMwEIVf+gekEqqoYIfkBWIBKP0Rq25YVGr3XXTfpk6bKokjx63UA3AejsAJOALcgDvwSCebNpbH37x5Y08A3OAHHo7fLfeRPVwyO3INF7gXrlN/EG6QX4SbaONVuEX9TdjHM6bCbXRheYPXuGL2hHdhDx18CNdwjU/hOvUv4Qb5W7iJO/wKt9Dx6sI+5l5XuI1HL/bHVi+cXqnlQcWhySKTOb+CmV7vkoWt0uqca1vEJlODoF9JU51pW91T7NdD5yIVWZOqCas6SYzKrdnq0AUb5/JRrxeJHoQm5Vhj/rbGAo5xBYUlDowxQhhkiMro6DtVZvSvsUPCXntWPc3ndFsU1P9zhQEC9M9cU7qy0nk6T4E9XxtSdXQrbsuelDSRXs1JErJCXta2VELqATZlV44RelzRiT8oZ0j/AAlabsgAAAB4nGNgYoAALgbsgJmRiZGZkYWBsYI5N7GAgQEACzcB1g==') format('woff'),
    url('iconfont.ttf?t=1511753278140') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('iconfont.svg?t=1511753278140#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
    font-family:"iconfont" !important;
    font-size:16px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-map:before { content: "\e6a2"; }


/*第三幕*/
.p2 { background: url(https://pic-qiniu.tingo66.com/tzzj/p3-bg.jpg)center no-repeat;background-size: cover;z-index: 1}
.p2-contain { padding: 0;}
.p2 .p2-logo {width: 100%;}
.p2-logo img {width: 20%;margin: 0 auto;}
.p2 .p2-txt {margin-top: 50px;padding-left: 15%;}
.p2 .p2-footer {margin-top: 7%;}
.p2-footer img {width:600px;margin: 0 auto;}

/*第四幕*/
.p3 { background: url(https://pic-qiniu.tingo66.com/tzzj/p4-bg.jpg)center no-repeat;background-size: cover;}


/*第五幕*/
.p4 { background: url(https://pic-qiniu.tingo66.com/tzzj/p5-bg.jpg)center no-repeat;background-size: cover;z-index: 1;}
/* .p4-contain {margin: 8% auto;width: 55%;} */
/*.p4-left { width: 400px;}*/
.code-pic {display: inline-block;}
.code-txt { display: inline-block;}
.p4-left{width:40%;}
.p4-right{width:50%;}
.p4-right img{width:80%;margin: 0; }
.p4-right .right-txt{margin-top: 50px;}
.p4-right .right-txt p{color: rgb(120,98,94);font-size: 20px;line-height: 25px;}

/*第六屏*/
.p6 .demo {width: 100%;height: 100%;font-size: 14px;position:relative;}
.demo .lunbo1{background: url('https://pic-qiniu.tingo66.com/tzzj/a1.jpg') top center no-repeat;background-size: 100%;}
.demo .lunbo2{background: url('https://pic-qiniu.tingo66.com/tzzj/a2.jpg') top center no-repeat;background-size: 100%;}
.demo .lunbo3{background: url('https://pic-qiniu.tingo66.com/tzzj/a3.jpg') top center no-repeat;background-size: 100%;}
.demo .lunbo4{background: url('https://pic-qiniu.tingo66.com/tzzj/a4.jpg') top center no-repeat;background-size: 100%;}
.demo .lunbo5{background: url('https://pic-qiniu.tingo66.com/tzzj/a5.jpg') top center no-repeat;background-size: 100%;}
.demo .lunbo6{background: url('https://pic-qiniu.tingo66.com/tzzj/a6.jpg') top center no-repeat;background-size: 100%;}
.demo img {width: 100%;}
.p6 .video-menu {margin: 0 auto;}
.video-menu .video-title{width: 100%;border-bottom: 3px solid rgb(214,214,214);padding: 20px 0 10px 0;}
.video-logo .logo-txt {color:rgb(143,143,143);margin-top: 2px;}
.show-left {width: 34%;}
.show-right {width: 65%;}
.show-right li{float: left;width: 24%;margin-right:6px;margin-bottom: 10px;}
.left-pic img{ width:100%;}
.video-pic{position: relative;color:rgb(143,143,143);}
.video-pic:hover{color: red;}
/*.video-pic :hover{z-index: 2;}*/
.video-pic img {width:100%;}
.play-btn {position: absolute;top:0;left:0;width: 100%;height: 120px;}
.play-btn:hover {position: absolute;top:0;left:0;width: 100%;height: 120px;background: url("https://pic-qiniu.tingo66.com/tzzj/playbtn.png") center no-repeat;background-size: 50px 50px;}

/*.video-pic :hover{}*/

/*第七屏*/
.p7 { background: url(https://pic-qiniu.tingo66.com/tzzj/p7-bg.jpg)center no-repeat;background-size: cover;}
.p7-contain{padding:0;margin: 0;}
.p7 .show-article {margin: 7% auto;width: 1100px;padding-bottom: 0%;}
.show-article .show-article1{display: inline-block;margin-left: 50px;}
.show-article .show-article2{display: inline-block;margin-left: 460px;}
.show-article .show-article3{display: inline-block;margin-left: 50px;}
.show-article .show-article4{display: inline-block;margin-left: 460px;}
.article-list {color: #666;}
.article-list:hover {background: url("https://pic-qiniu.tingo66.com/tzzj/p7-backbg.png") no-repeat;background-size: 139px 160px; color: red;}
.article-list img{width: 135px;padding-left: 2px;padding-bottom: 5px;padding-top: 2.4px;opacity: 0.8;cursor:pointer}
.article-list img:hover{opacity: 1;}
.article-list p{font-size: 16px;margin-top: 5px;}
.show-article li{width: 145px;float: left;}
@media screen and (max-height: 800px) { 
.show-article li{margin-top: 10px;width: 145px;}  
.article-list p{margin-top: 0;}
.article-list img{width: 135px;padding-left: 2px;padding-bottom: 5px;padding-top: 2.4px;opacity: 0.8;}
.article-list:hover {background-size: 144px 168px; color: red;}
.show-article .show-article1{margin-left: 90px;}
.show-article .show-article2{margin-left: 240px;}
.show-article .show-article3{margin-left: 530px;}
}

/*第八屏*/
.p8 { background: url(https://pic-qiniu.tingo66.com/tzzj/p8-bg.jpg)center no-repeat;background-size: cover;}
.p8-contain{padding:30px;position: relative;background: url(https://pic-qiniu.tingo66.com/tzzj/p8-back.png)top no-repeat;background-size: 90%;}

.p8-contain .tz-1 { width:100%;}
.p8-contain .tz-2 { width:100%;margin-top: 5%;}
.p8-contain .tz-3 {  width:100%;}
.p8-contain .tz-4 { width:100%;}
.p8-contain .tz-5 { width:100%;margin-top: 4%;}
.p8-contain .tz-6 { width:100%;margin-top: 4%;}

/*第九屏*/
.p9 { background: url(https://pic-qiniu.tingo66.com/tzzj/p9-bg.jpg)center no-repeat;background-size: cover;}
.p9 .p9-contain{margin: 0 auto;padding: 0;width:50%;}
.p9-contain .p9-top {width: 100%;}
.p9-top .top-left {padding-top: 50px;}
.top-left .web-num { border-radius: 15px;border: 2px white solid;padding: 2px 10px;width: 120px;position: relative;margin-top: 8%;font-size: 20px;}
.top-left .web-num .o1 { border-radius: 50px;border: 2px white solid;width: 10px;height: 10px;position: absolute;top: -15px;left: 140px;}
.p9-top .top-right {width: 400px;}
.p9-contain .p9-bottom {width: 100%;margin-top:100px;}
.p9-bottom .bottom-left { padding-top: 20px;}
.bottom-left .contact-btn { border-radius: 15px;border: 2px white solid;padding: 2px 10px;width: 100px;position: relative;font-size: 20px;}
.bottom-left .contact-btn .o2{ border-radius: 50px;border: 2px white solid;width: 10px;height: 10px;position: absolute;top:-15px;left: 120px;}
.p9-bottom .bottom-right {width: 400px;}
.bottom-right p{color: white;font-size: 18px;line-height: 30px;font-weight: 600;}
.footer {position:absolute;bottom:4%;width:100%;}



.cover1{ position: fixed;top: 0;right: 0;bottom: 0;left: 0; background: url("https://pic-qiniu.tingo66.com/tzzj/cover.png");z-index:21;height: 100%;}
.cover2{ position: fixed;top: 0;right: 0;bottom: 0;left: 0; background: url("https://pic-qiniu.tingo66.com/tzzj/cover.png");z-index:21;height: 100%;}
.cover3{ position: fixed;top: 0;bottom:0;left: 0;right:0; background-color: rgba(0,0,0,0.7); z-index:21;}
/*店铺弹窗*/
.c-bg{position: absolute;top: 10%;left: 10%;right: 10%;bottom: 10%;box-shadow: 2px 3px 8px rgba(0,0,0,0.5);}
.c-bg iframe{width: 100%;height: 100%;}
html,body{height: 100%;width: 100%;}
.cover-btn{position: absolute;bottom:30px;right: 20px;}
.cover-contain{position: fixed;top:7%;bottom:7%;left:10%;right:10%;background-color: black;}
.swiper-container { width: 65%;height: 100%; }
.swiper-slide {text-align: center;font-size: 18px;background: #fff;}
.map-container{width: 78%;height: 300px;float: left;}
.cover-right {width: 35%;padding-top:75px;}
.cover-right .right-contain{padding-left: 65px;}
.right-contain .right-one { margin-top: 5%;}
.right-one .shop-name1 { color: white;font-size: 25px; line-height: 28px;font-weight:lighter;letter-spacing:3px;}
.right-one .shop-name2 { color: white;font-size: 25px; line-height: 28px;font-weight: 600;letter-spacing:2px;}
.right-two { margin-top: 10%;width: 335px;}
.right-two img{height: 15px;margin-top: 2px;}
.right-two .cover-txt{width: 93%;}

.right-three { margin-top: 20%;}


.article-cover{position: fixed;top: 6%;left: 10%;right: 10%;bottom: 3%;}
.article-cover iframe{width: 100%;height: 100%;}
html,body{height: 100%;width: 100%;}
.article-bg{width: 100%;height: 100%;position: relative;padding: 0;margin: 0;background: url("https://pic-qiniu.tingo66.com/tzzj/yirenxiangqing-bg.jpg") white no-repeat center/cover;overflow-y: scroll;}
.article-bg img {width: 100%;}
/* .article-bg .more-left { padding:5px 0 5% 5%;width: 40%}
.article-bg .more-right { padding:35px 5% 5% 0;width: 40%} */

.article-bg .more-left { width: 40%;padding-left: 5%;height: 100%;display: flex;align-items: center;}
.article-bg .more-right { width: 40%;height: 100%;text-align: left;margin-right: 5%;}
.artist_info{padding-bottom: 10%;border-bottom: 1px solid #999;}
.artist_name{margin-top: 25%;border-bottom: 1px solid #777;font-size: 35px;font-weight: bold;padding-bottom: 5%;}
.artist_interNum{margin-top: 5%;font-size: 16px;font-weight: bold;}
.artist_some{margin-top: 3%;}
.artist_some p{line-height: 25px;}
.artist_expre{padding-top: 5%;padding-bottom: 1%;border-bottom: 1px solid #777;}
.expre_{line-height: 25px;}

.quick-btn  {position: absolute;bottom:50px;right: 30px;}




.video-cover{position: fixed;top:25%;left:30%;right:30%;bottom:25%;background-color: black}
.video-cover iframe{width: 100%;height:100%;}
html,body{height: 100%;width: 100%;}



.swiper-pagination-bullet-active{opacity:1;background:red}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");left:50%;top:20px;bottom:auto;transform: rotate(-90deg);}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");left:50%;top:auto;bottom:10px;transform: rotate(90deg);}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}





@media (max-width:1300px){
    .cover-right{padding-top: 0;}
    .cover-right .right-contain{padding-left: 50px;}
}