@charset "utf-8";
body,dd,dl,dt,h1,h2,h3,h4,h5,h6,li,ol,p,ul {    margin: 0;    padding: 0;    list-style: none;    -webkit-text-size-adjust: none}

i,em {    font-style: normal;}
img {    border: 0;}
input {    outline: 0;    vertical-align: middle;}
table {    border-collapse: collapse;    border-spacing: 0}
a:hover {    color: #e6454a; }
:focus {    outline: 0}
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, code, form, fieldset, legend,
input, button, textarea, p,
blockquote, th, td {    margin: 0;    padding: 0;}
fieldset, img {    border: 0;}
/* remember to define focus styles! */
address, caption, cite, code, dfn, em,
strong, th, var, optgroup {    font-style: normal;    font-weight: normal;}
body {    text-size-adjust: none;    -webkit-text-size-adjust: none;}
h1, h2, h3, h4, h5, h6 {    font-size: 100%;    font-weight: normal;}
abbr, acronym {    border: 0;    font-variant: normal;}
input, button, textarea, select, optgroup, option {font-family: inherit;    font-size: inherit;    font-style: inherit;    font-weight: inherit;}
code, kbd, samp, tt {    font-size: 100%;}
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select {    *font-size: 100%;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;    border-spacing: 0;}
caption, th {text-align: left;}
sup, sub {    font-size: 100%;    vertical-align: baseline;}
/* remember to highlight anchors and inserts somehow! */
:link,:visited,ins {    text-decoration: none;}
blockquote, q {    quotes: none;}
blockquote:before,
blockquote:after,
q:before,q:after {    content: '';    content: none;}
body {  background: #fff;   font: 14px/1.5 arial,  "Microsoft YaHei";    color: #333;    text-rendering: geometricPrecision}
.clearfix {zoom: 1}
.clearfix:after {    content: "";    display: block;    clear: both;    visibility: hidden;    overflow: hidden;}
.fl {    float: left;}
.fr {    float: right;}
.red{color:#e6454a;}
a{ color: #333; }
.hide{ display:none;}
/*---------header-----*/
.wrapper{  margin: 0 auto;}
.header-cont,.breadcrumb,  .main, .coupons {width: 1200px; margin: 0 auto; position: relative;}
.standard,.nav-footer, .column{width: 1200px; overflow: hidden; margin:0 auto;}
/* top */
.header{  background: #fff; z-index: 5; height: 100px; }
.header .logo{width: 180px;height: 100px;display: block;  }

.header .city{ margin-top: 46px; font-size: 16px;  }
.header .city .city-t{  background: url(../../images/3.0.0/city.png) 0 -3px no-repeat;
 padding-left: 26px;  }
 .header .city  .city-name{ display: inline-block; margin-right: 10px; font-weight: bold; }
 .header .city a{ font-size: 14px;  }

/*nav*/
.header .nav{  margin-top: 54px;  font-size: 16px;  position: relative;}
.header .nav a{margin: 0 0 0 40px; float: left; color: #333; display: block; height: 30px;
 transition:color .4s;
 -webkit-transition:color .4s ;
position: relative;}
.header .nav a:hover, .nav a.on{color: #e6454a; }
.header .nav .nav-ys {position: relative;}
.header .nav a .new{
     background: rgba(0, 0, 0, 0) url("../../images/3.0.0/icon_new.gif") no-repeat scroll 0 0;
    height: 13px;
    position: absolute;
    right: -10px;
    top: -2px;
    width: 10px;
}
.header .nav .mine{background:url(../../images/3.0.0/arrow-down.png) 40px 10px no-repeat; padding-right: 20px;}
.header .nav .active{background:url(../../images/3.0.0/arrow-down-hover.png) 40px 10px no-repeat;  color: #e6454a;
 padding-right: 20px;}
.header .nav .drop-down{ position: absolute;
 right: 0; width: 100px; background: #292d33; padding:5px 0 15px; margin-top: 50px;
 z-index: 5;}
.header .nav .drop-down .icon{background:url(../../images/3.0.0/arrow-up.png) 0 0 no-repeat;
 	position: absolute; top: -7px; left: 50px; width: 11px; height: 7px; display: block;}
.header .nav .drop-down .list{ height: 35px; text-align: center; line-height: 45px;
	display: block; color: #fff; margin: 0; width: 100px; font-size: 14px;}
.header .nav .drop-down .list:hover,.header .personal a:hover{color: #e6454a;}



.tbar-login{ position: absolute; top:0; right: 0; }
.tbar-login .login{
     background:#e6454a url(../../images/3.0.0/user-icon.png) 6px 4px no-repeat;
     display: block;   color:#fff; line-height: 32px;
    font-size: 16px; height: 32px; width: 44px; padding-left: 36px;
}
.header a:hover{ text-decoration: none;}
.about-ys{  margin-left: 20px; height: 99px; width: 105px;   }
/*nav -end------*/


.header .personal{position: absolute; top:13px; right: 0; color: #525a66; font-size:14px;}
.header .personal a{color: #525a66;}
.header .exit{ margin-left: 20px;}


/*--------------header-----end----------*/

/*footer*/
.footer{  margin-top:10px; background: #fff;}
.footer p{text-align:center; color:#666; padding:5px 0;}
.footer p a{color:#666; margin:0 10px;}
.footer .standard{padding-top: 28px; width: 1200px ;margin:0 auto; }
.footer .standard .standard-l{float: left; text-align: center;  color: #666;text-align: center;font-size: 12px;overflow: hidden;}
.footer .standard  .standard-l .intro{width: 100%; display: block; float: left; font-size: 14px; color:#8b939f; }
.footer .standard .standard-l .text{ font-size: 24px; color: #333; padding-bottom: 5px; padding-top: 5px;  }

.footer .standard .standard-l{width: 400px; }
.footer .standard .standard-c{width: 400px;  }
.footer .standard .standard-r{width: 400px;  }

.standard  .icon {display:block; margin:0 auto; overflow:hidden; background-repeat: no-repeat;background-image:url(/web/images/3.0.0/icon.png);}
.footer .standard .standard-l .icon {width:80px; height:80px; background-position: -2px -166px}
.footer .standard .standard-c .icon{width:80px; height:80px; background-position: -2px -84px}
.footer .standard .standard-r .icon {width:80px; height:80px; background-position: -2px -2px}

/*nav-footer*/
.nav-footer{ width:1200px; margin: 0 auto;margin-top: 20px; }
.nav-footer ul{overflow:hidden; color: #e5e5e5;}
.nav-footer ul a{display:inline-block;white-space:nowrap; margin: 0 14px;transition: all 0.2s ease-in;}
.nav-footer ul.last{padding-top: 10px;}
.nav-footer li{float:left; line-height:30px; overflow:hidden}
.nav-footer li.ll{float:right; width:930px; margin-left: -10px;}
.nav-footer li b{font-weight:bold; color:#666; display:inline-block; width:70px;}
.nav-footer li a{color:#525a66;}
.nav-footer li a:hover{color:#e6454a;}
.nav-bottom{ background: #f5f5f5; }
.nav-bottom,.nav-bottom p{text-align: center;}
.nav-bottom{color: #999; font-size: 12px;line-height: 22px; margin-top: 35px;padding:20px 0;  clear:both;}
.nav-bottom p{text-align: center; margin-bottom: 6px; font-size: 14px; color: #848c99}
.nav-bottom p a{margin: 0 10px;font-weight: 500; color: #333; }

.link ul{ overflow:hidden; padding:10px 0 0; _height:45px;}
.link ul.last{ border-bottom:0px; padding:20px 0 0 0;}
.link li{float:left; line-height:24px; overflow:hidden}
.link li.ll{float:right; width:1098px;font-size: 12px;}
.link li.ll .link-item{float:left; width: 144px; }
.link li b{font-weight:bold; color:#666; display:inline-block; width:102px;}
.link li a{color:#666;}
.link ol{padding:20px 0;border-top:1px dotted #d5d5d5; margin-top:20px;}
.link li.yl{float:right; width:898px;}
.link ol li a{margin-right:30px; display:inline-block;}
/*------footer--end---*/

/*弹出登录*/
 /*.theme-popover { z-index:10;background-color:rgba(0,0,0,.7);  left: 0; top: 0;
 width: 100%; height: 100%;display: none;position: fixed;
-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear;
}
.theme-popover .form{ width:390px; background: #fff;  margin:172px auto 0;position: relative;
padding-bottom: 30px; }

.theme-popover .close { display: block; width: 30px; height: 30px; background: #848c99 url(../../images/3.0.0/login/close.png) 0 0 no-repeat;
    z-index: 3;
position:absolute; cursor:pointer; right:16px; top:16px }
.theme-popover   .border{    height:52px; border: solid 1px #dfe2e8;   }
.theme-popover   .border.no-top{ border-top:none; }

.theme-popover .form .title{ text-align: center; color: #333; font-size: 26px; padding-top: 20px; 
padding-bottom: 20px; }
.theme-popover .form .line{ float: left; border-left: solid 1px #f5f5f5; height: 21px; margin-top: 15px; font-size: 18px;}

.theme-popover .div-name,.theme-popover .div-imgCode,.theme-popover .div-phone,.theme-popover .div-date
{ width:312px; margin:0 auto; color:#292d33;    }
.theme-popover .div-name{ }
.theme-popover .name{ float:left; width:80px; line-height:52px;}
.theme-popover .active{ border: solid 1px #e6454a;}
.theme-popover .infos{ float: left;height: 52px;border:0; background: none; line-height: 52px; padding-left: 12px; color:#848c99;}

.theme-popover .div-imgCode .imgcode-wrap{    height:52px;  }
.theme-popover .div-imgCode .imgCode{  width: 104px; height:52px; vertical-align: middle; 
float: right; border-left:solid 1px #dfe2e8;  cursor: pointer; }
.theme-popover .div-imgCode .imgCode-input{  padding-left: 10px;   width: 194px; float: left;
border:none;  height: 42px; vertical-align: top; }
.theme-popover .div-imgCode .change-code{ display: inline-block;   vertical-align: middle;width: 50px;  text-align: center;
cursor: pointer;}
.theme-popover .div-name .infos  {  display: block; width: 100%;}
.theme-popover .yzm{ }
.theme-popover .div-phone .infos{ width:192px;}
.theme-popover input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset;
}
.theme-popover .login-tip{width: 300px; color:#ea4240;
    height: 30px;  background: #fffef8;    border: 1px solid #ffdcdc;
    display: none;line-height: 30px;margin: 0 auto;    margin-bottom: 10px;    padding-left: 10px;
 }
 .theme-popover .login-tip.active{display: block; }
 .theme-popover  .login-tip.err-info{color:#e6454a;  }
 .theme-popover .login-tip.succ-info{color: #45e0e6;  }
.theme-popover .div-phone .send1{float: right; height: 52px;text-decoration:none;line-height: 52px;
    width:104px; border-left: solid 1px #dfe2e8;color: #ea4240;text-align: center; background:#f6f6f6;}
.theme-popover .div-phone .send0{float: right; height: 48px;text-decoration:none;line-height: 48px;
    width:107px; border:0;color: #fff;text-align: center; background:#e6454a;}
.theme-popover .form .error{color:#e6454a; float: left; width:340px; text-align:center; margin-top: 5px; font-size:12px;}
.theme-popover .div-conform{ width:312px; height: 48px;   margin:0 auto;
margin-top:20px;}
.theme-popover .div-conform .conform{ height: 48px;display: block;text-align: center;
 line-height: 48px; overflow: hidden;background:#e2e2e2;   text-decoration: none; font-size: 16px;
color:#848c99;
}
.theme-popover .div-conform .actives{background:#e6454a; color: #fff;}
 .theme-popover .div-date{height: 75px; margin-bottom: 24px; }
.theme-popover .div-date .border{ background: url(../../images/3.0.0/login/date-down.png) no-repeat
284px center; }
.theme-popover .div-date .ycq-name{ float: left; height: 50px; line-height: 50px;
padding-left: 10px;  }
.theme-popover .div-date .date{ float: left;height: 52px;border:0; background: none; line-height: 52px;
    padding-left: 15px; color:#848c99;margin-left: -1px;  cursor:pointer;}
.theme-popover .ipt-box{cursor:pointer;float: right;margin-left: 14px;display: inline;margin-top: 13px;}
.theme-popover .ipt-box .check-option{ padding-left: 28px; height: 20px; 
    display: inline-block;
 background: url(../../images/3.0.0/login/check-box.png) 0 0px no-repeat;
color: #848c99;}
.theme-popover .ipt-box .check-option.checked{ background: url(../../images/3.0.0/login/check-box.png) 0 -60px no-repeat;color: #848c99;}
*/


/*弹出登录*/
.theme-popover { z-index:10;background-color:rgba(0,0,0,.7);  left: 0; top: 0;
 width: 100%; height: 100%;display: none;position: fixed;
-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear;
}
.theme-popover .form{ width:530px; background: #fff;  margin:142px auto 0;position: relative;
padding-bottom: 30px; }

.theme-popover .close { display: block; width: 30px; height: 30px; background: #848c99 url(../../images/3.0.0/login/close.png?v=2) 0 0 no-repeat;
    z-index: 3;
position:absolute; cursor:pointer; right:16px; top:16px }
.theme-popover   .border{    height:52px; border: solid 1px #dfe2e8;   }
.theme-popover   .border.no-top{ border-top:none; }

.theme-popover .form .title{ text-align: center; color: #333; font-size: 26px; padding-top: 20px;
padding-bottom: 20px; }
.theme-popover .form .line{ float: left; border-left: solid 1px #f5f5f5; height: 21px; margin-top: 15px; font-size: 18px;}

.theme-popover .div-name,.theme-popover .div-imgCode,.theme-popover .div-phone,.theme-popover .div-date
{ width:312px; margin:0 auto; color:#292d33;    }
.theme-popover .div-name{  /* margin-top:25px;*/}
/*.theme-popover .div-phone{ margin-top:40px;}
*/
.theme-popover .name{ float:left; width:80px; line-height:52px;}
/*.theme-popover .line{ margin-left: 35px;}*/
.theme-popover .active{ border: solid 1px #e6454a;}
.theme-popover .infos{ float: left;height: 52px;border:0; background: none; line-height: 52px; padding-left: 12px; color:#848c99;}

.theme-popover .div-imgCode .imgcode-wrap{    height:52px;  }
.theme-popover .div-imgCode .imgCode{  width: 104px; height:52px; vertical-align: middle;
float: right; border-left:solid 1px #dfe2e8;  cursor: pointer; }
.theme-popover .div-imgCode .imgCode-input{  padding-left: 10px;   width: 194px; float: left;
border:none;  height: 42px; vertical-align: top; }
.theme-popover .div-imgCode .change-code{ display: inline-block;   vertical-align: middle;width: 50px;  text-align: center;
cursor: pointer;}
.theme-popover .div-name .infos  {  display: block; width: 100%;}
.theme-popover .yzm{ position:relative;}
.theme-popover .div-phone .infos{ width:192px;}
.theme-popover input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset;
}
.theme-popover .login-tip{width: 300px; color:#ea4240;
    height: 30px;  background: #fffef8;    border: 1px solid #ffdcdc;
    display: none;line-height: 30px;margin: 0 auto;    margin-bottom: 10px;    padding-left: 10px;
 }
 .theme-popover .login-tip.active{display: block; }
 .theme-popover  .login-tip.err-info{color:#e6454a;  }
 .theme-popover .login-tip.succ-info{color: #45e0e6;  }
.theme-popover .div-phone .send1{float: right; height: 52px;text-decoration:none;line-height: 52px;
    width:104px; border-left: solid 1px #dfe2e8;color: #ea4240;text-align: center; background:#f6f6f6;}
.theme-popover .div-phone .send0{ position:absolute;
top:-1px;  height: 53px;text-decoration:none;line-height: 52px;
    width:107px; border:0;color: #fff;text-align: center; background:#e6454a;}
.theme-popover .form .error{color:#e6454a; float: left; width:340px; text-align:center; margin-top: 5px; font-size:12px;}
.theme-popover .div-conform{ width:312px; height: 48px;   margin:0 auto;
margin-top:20px;}
.theme-popover .div-conform .conform{ height: 48px;display: block;text-align: center;
 line-height: 48px; overflow: hidden;background:#e2e2e2;   text-decoration: none; font-size: 16px;
color:#848c99;
}
.theme-popover .div-conform .actives{background:#e6454a; color: #fff;}
 .theme-popover .div-date{height: 75px; margin-bottom: 24px; }
.theme-popover .div-date .border{ background: url(../../images/3.0.0/login/date-down.png) no-repeat
284px center; }
.theme-popover .div-date .ycq-name{ float: left; height: 50px; line-height: 50px;
padding-left: 10px;  }
.theme-popover .div-date .date{ float: left;height: 52px;border:0; background: none; line-height: 52px;
    padding-left: 15px; color:#848c99;margin-left: -1px;/*width:110px;*/ cursor:pointer;}
.theme-popover .ipt-box{cursor:pointer;float: right;margin-left: 14px;display: inline;margin-top: 13px;}
.theme-popover .ipt-box .check-option{ padding-left: 28px; height: 20px;
    display: inline-block;
 background: url(../../images/3.0.0/login/check-box.png) 0 0px no-repeat;
color: #848c99;}
.theme-popover .ipt-box .check-option.checked{ background: url(../../images/3.0.0/login/check-box.png) 0 -60px no-repeat;color: #848c99;}


 /*右侧悬浮*/
.right-bar{position:fixed;right:0;top:50%; width:50px; height:333px; z-index:10;}
.right-bar .right-line{position:relative;width:50px;height:49px;cursor:pointer; padding-bottom: 1px; }
.right-bar .right-line:hover .floating_left{display:block;}
.right-bar .consult{ height:135px;}
.right-bar .consult,
.right-bar .words,
.right-bar .quote,
.right-bar .qrcord,.toolbar-footer #scrollUp{background:url(../../images/3.0.0/rightbar/right-bar.png?v=20160625) 0 0 no-repeat;}
.right-bar .consult:hover,
.right-bar .words:hover,
.right-bar .quote:hover,
.right-bar .qrcord:hover,.toolbar-footer #scrollUp.active{background:url(../../images/3.0.0/rightbar/right-bar-hover.png?v=20160625) 0 0 no-repeat;}
.right-bar .words{background-position: 0 -136px;}
.right-bar .words:hover{background-position: 0 -136px;}
.right-bar .quote{background-position: 0 -186px;}
.right-bar .quote:hover{background-position: 0 -186px;}
.right-bar .qrcord{background-position: 0 -235px;}
.right-bar .qrcord:hover{background-position: 0 -235px;}
.toolbar-footer #scrollUp{background-position: 0 -287px;width: 50px;height: 49px;display: block;text-indent:-9999px;
}
.toolbar-footer #scrollUp.active{background-position: 0 -287px;}
.lxb-text{ padding-top: 10px; color:#e6454a; font-size: 12px; text-align: center;line-height: 20px;
 display: none; }
/*//.return{background-image:url(images/icon0701/fanhui.png);}
//.right-bar dd span{color:#fff;display:block;padding-top:54px;}
*/
.right-bar .floating_left{position:absolute;left:-159px;top:-1px;display:block;display:none;}
.right-bar .floating_left .online{ border:solid 1px #dfe2e8;background:#fff; padding:0 13px; width:132px; margin-top:37px;}
.right-bar .floating_left .online .btn-44{ cursor: pointer; display: block; height:40px; background:#75b1ff; text-align:center; line-height:40px; color:#fff; border:0; width:132px;}
.right-bar .floating_left .online .tel{ background:#e5e5e5; color:#333;}
.right-bar .consulting{ margin-top:13px; border-bottom:dotted 1px #dfe2e8; padding-bottom:24px;}

.right-bar .floating_left .online .phone{ background:#fff; border:solid 1px #dfe2e8; margin-top:23px; color: #555; text-align: left; padding-left: 10px; width: 120px;}
.right-bar .floating_left .online .intr{ text-align:center;  line-height:23px; margin-top:20px; border-top:dotted 1px #dfe2e8; padding-top:10px; padding-bottom:16px;}
.right-bar .floating_left .online .red{ color:#e6454a; font-size:16px;}
.right-bar .app-wx{ border:solid 1px #dfe2e8; height:167px; width:124px; text-align:center;left:-125px; padding:0;background:#fff;}
.right-bar .app-wx .qr-code{ padding-top:5px;}

.right-bar .wx-app{ top:70px;}

/*-----------------------*/
.breadcrumbs-wrap{ color:#848c99;  background:  #f5f5f5; height: 42px; line-height: 42px; }
.breadcrumbs-wrap .breadcrumbs{ width: 1200px; margin: 0 auto; }
.breadcrumbs-wrap .breadcrumbs a{  display: inline-block; margin-left:4px;  margin-right: 4px;  }

.filter-wrap{  }
.right-bar .app-wx .qr-code{ padding-top:5px;}
.right-bar .wx-app{ margin-top:-121px;}


.login-page{ background: #f5f5f5; margin:20px 0;}
.login-page .logo{ text-align: center; position:relative; z-index:11; height:84px;}

.login-page .theme-popover {background: none; display: block; z-index:1; margin-top:50px;}
.login-page .theme-popover .form{  margin:72px auto 0;}



.breadcrumb {
    width: 100%;
    height: 40px;
    background: #f5f5f5;
    padding: 0;
}

.breadcrumb ol {
    width: 1200px;
    margin: 0 auto;
}

.breadcrumb li {
    float: left;line-height: 40px;
}

.breadcrumb li a {
    color: #848c99;
    font-size: 12px;
}

.breadcrumb li span {
    font-family: simsun;
    padding: 0 8px;
}



.level{ display: inline-block; width: 25px; height: 25px; background:url(../../images/3.0.0/level.png) 0 0 no-repeat;}
.level-1{ background-position: 0 -50px;}
.level-2{ background-position: 0 0;}
.level-3{ background-position: 0 -75px;}
.level-4{ background-position: 0 -123px;}
.level-5{ background-position: 0 -25px;}
.level-6{ background-position: 0 -100px;}
.level-king{ background-position: 0 -100px;}
.recommend-ys{color: #292d33;}
.recommend-ys .big-size{ font-size: 22px;}
.recommend-ys .gay{ color: #848c99;}

.dj-info-list {width: 1200px; margin:0 auto;}
.dj-info-list .cont{ background: #fff; margin-bottom: 15px; height: 200px; overflow: hidden;}
.dj-info-list .cont .photos{position: relative;width: 200px;height: 200px;}
.dj-info-list .cont .on{position: absolute;left: 0;top: 0;right: 0;bottom: 0;width: 200px;height: 200px;}
.dj-info-list .cont .on:hover{background: rgba(0,0,0,.2);}



.dj-info-list .level{margin: 2px 10px 0 35px; vertical-align: top;}
.dj-info-list .gay{margin-top: 2px;color: #848c99;}
.dj-info-list .title,.recommend-ys .title{ color: #292d33; font-size: 20px;}
.recommend-ys .title{margin-bottom: 1px;}
.recommend-ys .sub-title{margin-bottom: 18px;color: #848c99;}
.dj-info-list .title{margin-bottom: 15px;}
.dj-info-list .item-1 .big-size{ font-size: 22px;}
.dj-info-list .sub-title{ color: #848c99;margin-bottom: 18px;}
.dj-info-list .item-1{ float: left; width: 365px; padding:25px 0 0  40px; }
.dj-info-list .item-1 .intr-2{ margin-top: 10px;line-height: 20px;}
.dj-info-list .item-1 .intr-3{ color: #848c99; height: 70px; overflow: hidden;margin-top: 5px;}
.dj-info-list .item-1 .intr-3 .name{ border-radius: 10px; border: solid 1px #ececec;
 margin:4px 4px 0 0; padding: 0 6px; display: inline-block; height: 26px;line-height: 26px;}
.dj-info-list .item-1 .intr-4 .photos{ display: inline-block; background:url(../../images/3.0.0/release/img-icon.png) 0 5px no-repeat; padding-left:25px; cursor: pointer;
width: auto;height: auto;}
.dj-info-list .item-1 .intr-4 .video{ display: inline-block; background:url(../../images/3.0.0/release/vedio-icon.png) 0 5px no-repeat; padding-left: 21px; margin-left: 22px; cursor: pointer; }

.dj-info-list .item-2{ float: left; width: 348px; overflow:hidden;}
.dj-info-list .item-2 .intr-1{ margin-top: 26px; padding-left:15px; clear:both;overflow:hidden;}
.dj-info-list .item-2 .intr-1 .big-size{ font-size: 28px;}
.dj-info-list .item-2 .intr-1 .fl{  color:#848c99; width:170px;line-height: 22px;}
.dj-info-list .item-2 .intr-1 .fl .pf{ color:#575757;}
.dj-info-list .item-2 .intr-1 .fr{ margin-top: 9px;border-left: solid 1px #ececec; height: 65px;padding-left: 30px;}
.dj-info-list .item-2 .intr-2 {background:url(../../images/3.0.0/release/pj-icon.png) 0 0 no-repeat; float: left;
 width: 288px; height:64px; color: #848c99; padding:5px 0 0 40px; margin: 12px 0 0 15px;}
.dj-info-list .item-2 .intr-2 .name{ width:90px; display: inline-block; margin-top: 5px;}
.dj-info-list .item-2 .intr-2 .space{ width: 100px;}

.dj-info-list .item-3{ float: left; width: 166px; font-size: 18px; padding-left: 43px;}
.dj-info-list .item-3 .btn{ display: block; line-height: 48px; text-align: center; cursor: pointer;}
.dj-info-list .item-3 .appointment{ background: #e6454a; color: #fff; margin-top: 40px; height: 48px;}
.dj-info-list .item-3 .appointment:hover{ background:#c4383B;}
.dj-info-list .item-3 .collection{ border:solid 1px #e6454a; margin-top: 20px; color: #e6454a;}
.dj-info-list .item-3 .make-appointment{background: #45e0e6;color: #fff; margin-top: 40px; height: 48px;}
.dj-info-list .item-3 .chanel-collection{ border:solid 1px #dfe2e8; margin-top: 20px; color: #848c99;}
.dj-info-list .item-3 .add-collection{  border-color:#e6454a; color:#e6454a; margin-top: 20px;  }

.dj-info-list .cont-1{ background: #fff; padding: 30px; color: #525a66; position: relative; margin-top: 15px;}
.dj-info-list .cont-1 .intr-2,.recommend-ys .cont-1 .intr-3{ margin-top: 5px;}
.dj-info-list .cont-1 .time{position: absolute; right: 30px; top: 30px;}

/*page*/
.page{ padding-top: 20px;  }
.page-cont{ width: 1200px; margin:0 auto;
height: 32px; line-height: 32px;   }
.page-info{ color:#848c99;  }
.page-list{ margin-left: 20px;   }
.page-list .page-item{ border:1px solid #eee; float: left;
width: 30px; height: 30px; line-height: 30px;text-align: center;
 margin-left: 6px;  background:#fff; }
.page-list .page-item.active{ color:#e6454a; }

/*----modal3---*/
.modal3{  z-index: 98; position: fixed;  top: 0; left: 0; right: 0; bottom: 0;}
 .modal3 .modal-header{height: 81px; }
 .modal3-cont{ position: absolute; background: #fff; padding-bottom: 40px;
 z-index: 101; width: 260px; top:20%; left: 50%; margin-left: -130px; }
 .modal3-cont .close{ position: absolute;
 right: 0; top: 0; width: 30px; height: 30px;  background:#848c99 url(../../images/3.0.0/modal/close-modal.png) center center no-repeat;
cursor: pointer;}
 .modal3-cont .modal-text{   line-height: 30px; font-size: 14px; color:#848c99; padding:0 5px; text-align: center; }
 .modal3-cont .modal-btn{ display: block; width: 230px;  margin: 20px auto; color: #fff;
height: 38px; line-height: 38px; text-align: center; background: #e6454a;  }
 .modal3-cont .modal-btn:hover{ color:#fff; }
 .modal3-cont .tel{ height: 38px; margin-top: 10px; line-height: 38px;  }
  .modal3 .sorry{  width:239px;   height:75px ; background:url(../../images/3.0.0/modal/sorry.png) no-repeat;}

/*----modal3---*/

.modal4{  display: none; z-index: 98; position: fixed;  top: 0; left: 0; right: 0; bottom: 0;}
.modal4-mark{  position: absolute;
	width: 100%;
	height: 100%;
    background: url(../../images/3.0.0/modal/mark-bg.png) ;
 }
 .modal4-cont{ position: absolute; background: #fff; padding-bottom: 40px;
 z-index: 101; width: 260px; top:20%; left: 50%; margin-left: -140px; }
 .modal4-cont .close{ position: absolute;
 right: 0; top: 0; width: 30px; height: 30px;  background:#848c99 url(../../images/3.0.0/modal/close-modal.png) center center no-repeat;
cursor: pointer;}
 .modal4 .modal-header{height: 81px; }
 .modal4-cont .modal-text{ width: 200px; color:#333;
 margin:0 auto;   line-height: 30px; font-size: 16px;
text-align: center; padding-bottom: 10px;
border-bottom: 1px solid #eee; }

 .modal4-cont .text1{ font-size: 24px;  }
 .modal4-cont .text2{ font-size: 16px;  }
 .modal4-cont .text3{ font-size: 16px; padding-top:10px; text-align: center;
 color:#848c99;  }

/*----modal3---*/



/*animate css*/
.animated-4 {
  -webkit-animation-duration: .4s;
          animation-duration: .4s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}

/*animate css end*/
.left-bar{position:fixed;right:0;top:23%; width:107px; height:187px; z-index:10;}
.left-bar .close{position: absolute;top: 0;right: 0;cursor:pointer;}
.u-flyer{display: block;width: 50px;height: 50px; position: fixed;z-index: 9999;}
.u-flyer {
  -moz-animation: spin .1s infinite linear;
  -o-animation: spin .1s infinite linear;
  -webkit-animation: spin .1s infinite linear;
  animation: spin .1s infinite linear;
}
@-moz-keyframes spin {
  0% { -moz-transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@-o-keyframes spin {
  0% { -o-transform: rotate(0deg); }
  100% { -o-transform: rotate(360deg); }
}
@-ms-keyframes spin {
  0% { -ms-transform: rotate(0deg); }
  100% { -ms-transform: rotate(360deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}