body{background: url("../images/bg.jpg") repeat; font-family: "微软雅黑",Helvetica;}
a{color: #666666;}
a:hover{color: #1fadff;}

/*结构*/
.md-wrap{width: 980px; background-color: #eeeeee; margin: 0 auto;}
.md-header{background-color: #FFFFFF; padding: 10px; box-shadow: 0 0 2px #ddd;}
.md-header .md-logo{float: left; width: 165px; height: 50px; background: url("../images/modi_logo.jpg") no-repeat;}
.md-header .nav-ul{float: left; margin-left: 20px; display: inline;}
.md-header .nav-ul li{float: left; height: 50px; line-height: 50px; padding: 0 26px; border-left: 1px #eaeaea dashed;}
.md-header .nav-ul li.last{border-right: 1px #eaeaea dashed;}
.md-header .nav-ul li a{font-size: 20px; color: #666666;}
.md-header .nav-ul li.cur a{font-size: 20px; color: #1fadff;}
.md-header .apply-btn{float: right; width: 216px; height: 50px; background-position: -1px -1px;}

.md-nav-box{height: 30px; line-height: 30px; padding: 10px 10px 0;}

.md-left{width: 680px; float: left; display: inline;}
.md-right{width: 280px; float: right; display: inline;}

.md-box{margin-top: 25px;}
.md-box .md-title{border-bottom: 1px #c3c3c3 solid; height: 24px; line-height: 24px; padding: 0 10px; border-left: 5px #1fadff solid;}
.md-box .md-title strong{color: #1fadff; font-size: 16px; font-weight: normal;}
.md-box .md-title .more{float: right; color: #999; font-family: "宋体";}

.md-tab-box .md-area-box{height: 36px; line-height: 36px; margin-right: 15px; padding-left: 10px; color: #666666;font-size: 14px;}


.md-tab-box .md-tab-ul{margin-bottom: -1px;}
.md-tab-box .md-tab-ul li{float: left; background-color: #f8f8f8; height: 36px; line-height: 36px; border: 1px #DDDDDD solid; text-align: center; font-size: 16px; color: #666666; padding: 0 30px; margin-right: 10px; display: inline; cursor: pointer;}
.md-tab-box .md-tab-ul li.cur{background-color: #FFFFFF; color: #1fadff; border-bottom-color: #FFFFFF; cursor: auto;}
.md-tab-box .md-tab-ul li.cur a{color: #1FADFF;}
.md-tab-content{background-color: #FFFFFF; border: 1px #DDDDDD solid;}
.md-tab-content .md-tab-conten-none{text-align: center; padding: 80px 0;}
.md-tab-content .md-tab-conten-none strong{font-size: 14px; color: #666666;}

.md-page-box{padding: 10px 0; text-align: center;}
.md-page-box span,
.md-page-box a{width: 37px; height: 37px; line-height: 37px; text-align: center; font-weight: bold; color: #666666; background-position: -342px -215px; display: inline-block; margin: 0 5px; font-size: 14px;}
.md-page-box span{background-position: -300px -215px; color: #ffffff;}

.md-fc-box{background-color: #ffffff; border-radius: 5px; width: 480px; overflow: hidden;}
.md-fc-box .md-fc-title{height: 45px; line-height: 45px; padding: 0 10px; background-color: #1fadff; position: relative;}
.md-fc-box .md-fc-title strong{color: #ffffff; font-size: 18px; font-weight: normal;}
.md-fc-box .md-fc-title .close{width: 20px; height: 20px; position: absolute; right: 10px; top: 10px; background-position: -420px -30px; cursor: pointer;}
.md-fc-box .md-fc-main{padding: 10px 5px;}

.score-ul li{width: 24px; height: 24px; float: left; margin: 0 2px; display: inline; background-position: -328px -270px; cursor: pointer;}
.score-ul li.cur{background-position: -300px -270px;}


/* 右侧滚屏工具条 */
.scroll-list {width: 40px;position: fixed;left: 50%;margin-left: 505px; bottom: 150px; z-index: 9999;}
.scroll-list table {width: 100%;text-align: center;border-collapse: collapse;border-spacing: 0;}
.scroll-list table td {height: 40px; border: 1px #c7e0ee solid;background-color: #f7fafc;}
.scroll-list table td .content {position: relative;width: 38px;height: 38px;}
.scroll-list table td .hover {display: none;position: absolute;top: -1px;left: -1px;width: 40px;height: 40px;line-height: 18px;background-color: #1fadff;color: #fff;vertical-align: middle;text-decoration: none; font: 12px/180% Arial; line-height: 18px;}
.scroll-list table td .main {display: none;width: 135px;padding: 10px 0; background-color: #f7fafc;border: 1px #c7e0ee solid;position: absolute;top: -5px;left: -155px;}
.scroll-list table td .main strong{font-size: 16px; color: #1fadff;}
.scroll-list table td .main i {width: 13px; height: 15px;background: url(/static/images/sl_bg.png) 0 -257px no-repeat;position: absolute;top: 15px;right: -13px;}
.scroll-list .sl-icon-01 {background-position: 3px -207px;}
.scroll-list .sl-icon-02 {background-position: 3px -29px;}
.scroll-list .sl-icon-03 {background-position: 3px -158px;}
.scroll-list .sl-icon-01, .scroll-list .sl-icon-02, .scroll-list .sl-icon-03 {background-image: url(/static/images/sl_bg.png);background-repeat: no-repeat;width: 38px;height: 38px;}

/* 首页 */

.header-apply-wrap .cur{cursor: pointer;}
.header-apply-wrap .border{border: 1px #1FADFF solid;}
.header-apply-wrap .header-apply-box{background-color: #FFFFFF;}
.header-apply-wrap .header-apply-box .header-apply-content{padding: 20px 0;}
.header-apply-wrap .header-apply-box .ewm{float: left; width: 280px; min-height: 100px; text-align: center;}
.header-apply-wrap .header-apply-box .apply{float: left; border-left: 1px #dedede dashed; padding: 0 20px; width: 657px;}
.header-apply-wrap .header-apply-box .hide{height: 30px; line-height: 30px; text-align: center; color: #393939; cursor: pointer; background-color: #f5f5f5; font-size: 14px;}
.header-apply-wrap .header-apply-box .header-apply-table{width: 100%;}
.header-apply-wrap .header-apply-box .header-apply-table .t{text-align: right; padding: 0 5px;}
.header-apply-wrap .header-apply-box .header-apply-table td{height: 40px;}
.header-apply-wrap .header-apply-box .header-apply-table .text{width: 220px; height: 28px; border: 1px #e6e6e6 solid; background-color: #ffffff; padding: 0 5px; color: #666666;}
.header-apply-wrap .header-apply-box .header-apply-table .text-error{border-color: #ff0000; color: #FF0000;}
.header-apply-wrap .header-apply-box .header-apply-table .select{width: 230px; height: 28px; border: 1px #e6e6e6 solid;  color: #666666;}
.header-apply-wrap .header-apply-box .header-apply-table textarea{width: 318px; height:80px; border: 1px #e6e6e6 solid; resize: none;}
.header-apply-wrap .header-apply-box .header-apply-table .apply-submit-btn{width: 90px; height: 24px; line-height: 24px; text-align: center; color: #FFFFFF; background-color: #1fadff; display: inline-block; margin-top: 5px;}


.slider-box {position: relative;}
.slider-box .slider-container {height: 460px; overflow: hidden;}
.slider-box .caption { background: rgba(0, 0, 0, 0.5); bottom: 0; color: #fff; height: 65px; padding-top: 10px; left: 0; line-height: 30px; width: 100%; position: absolute; text-shadow: none;}
.slider-box .caption a{color: #ffffff; text-decoration: none;}
.slider-box .caption h1{ padding: 0 10px; font-size: 24px;}
.slider-box .caption p{ padding: 0 10px; font-size: 14px;}
.slider-box .pagination {position: absolute; right: 20px; bottom: 33px; z-index: 100;}
.slider-box .pagination li { display: inline; float: left; margin-left: 10px;}
.slider-box .pagination li a { background: #CCCCCC; color: #fff; display: block; opacity: 0.8; text-align: center; text-decoration: none; width: 13px; height: 13px; border-radius: 50%;}
.slider-box .pagination li.current a { background: #1fadff;}

.md-list-sl{padding-left: 4px;}
.md-list-sl li{width: 332px; height: 222px; margin-right: 8px; margin-top: 8px; float: left; display: inline; position: relative; overflow: hidden; border: 1px #aeaeae solid;}
.md-list-sl li.mr0{margin-right: 0;}
.md-list-sl li a{display: block;}
.md-list-sl li em{height: 100%; width: 100%; padding: 0; position: absolute;left: 0; top: 0; background-color: #000000; opacity: 0.6;}
.md-list-sl li .md-list-sl-info{display: none;}
.md-list-sl li .md-list-sl-title{width: 304px; padding: 90px 15px 0; position: absolute;left: 0; top: 0; height: 134px; text-align: center; color: #FFFFFF; font-size: 18px;}
.md-list-sl li .icon-list{position: absolute; left: 10px; bottom: 10px; color: #FFFFFF; line-height: 37px;}
.md-list-sl li .upic{width: 50px; height: 50px; position: absolute; left: 10px; top: 10px;}
.md-list-sl li .upic img{ border: 2px #ffffff solid; border-radius: 50%;}

.md-slide-box{position: relative; border: 1px #e6e6e6 solid; background-color: #FFFFFF; padding: 10px 5px; margin-top: 10px;}
.md-slide-box .md-slide-left-btn,
.md-slide-box .md-slide-right-btn{width: 25px; height: 84px; position: absolute; top: 40px; z-index: 10;}
.md-slide-box .md-slide-left-btn{left: 10px; background-position: -226px 0;}
.md-slide-box .md-slide-right-btn{right: 10px; background-position: -253px 0;}
.md-slide-box .md-slide-left-btn-none,
.md-slide-box .md-slide-right-btn-none{display: none;}
.md-slide-box .md-slide-content{overflow: hidden; position: relative;}
.md-slide-box .md-slide-content .md-slide-ul{position: relative; left: 0; top: 0;}
.md-slide-box .md-slide-content ul{width: 5000px;}
.md-slide-box .md-slide-content li{ float: left;}

.md-slide-planning .md-slide-content{height: 230px; position: relative;}
.md-slide-planning .md-slide-content .md-slide-ul li{width: 215px; margin-right: 12px; display: inline;}
.md-slide-planning .md-slide-content .md-slide-ul li  .t{padding-top: 10px;}
.md-slide-planning .md-slide-content .md-slide-ul li  .t a{font-size: 18px; color: #393939; margin-top: 10px}
.md-slide-planning .md-slide-content .md-slide-ul li .t a:hover{color: #1babeb;}

.md-slide-pic .md-slide-content{height: 157px; position: relative;}
.md-slide-pic .md-slide-content .md-slide-ul li{width: 235px; height: 155px; border: 1px #AEAEAE solid; margin-right: 8px;}
.md-slide-pic .md-slide-content .md-slide-ul li a{display: block;}
.md-slide-pic .md-slide-content .md-slide-ul li em{width: 100%; height: 100%; background: #000000; opacity: 0.6;}
.md-slide-pic .md-slide-content .md-slide-ul li span{padding: 60px 15px 0; text-align: center; font-size: 18px; color: #ffffff; width: 205px;}
.md-slide-pic .md-slide-content .md-slide-ul li a:hover{position: relative;}
.md-slide-pic .md-slide-content .md-slide-ul li a:hover em,
.md-slide-pic .md-slide-content .md-slide-ul li a:hover span{position: absolute; top: 0; left: 0;}

.md-story{border: 1px #e6e6e6 solid; padding: 5px; position: relative; background: #FFFFFF; min-height: 449px;}
.md-story h1{width: 104px; height: 39px; line-height: 28px; background-position: -1px -101px; color: #FFFFFF; font-size: 18px; text-align: center; position: absolute; top: 0; left: 15px; font-weight: normal;}
.md-story p{line-height: 40px; font-size: 18px; color: #666666; padding: 0 5px;}
.md-story p .un{font-weight: bold; float: left; margin-right: 5px; display: inline;}
.md-story p .md-icon-sign-01{float: left; margin-top: 10px;}
.md-story p .md-icon-flow-01,
.md-story p .md-icon-flow-02{float: right; margin-top: 10px;}

/*.md-user-znr{padding: 10px 0;}*/
.md-user-znr li{padding: 8px 0;}
.md-user-znr li .upic{float: left; width: 100px; height: 100px;}
.md-user-znr li .upic img{width: 92px; height: 92px; border: 4px #ffffff solid; border-radius: 50%;}
.md-user-znr li .uinfo{float: right; width: 170px;}
.md-user-znr li .uinfo strong a{font-size: 16px; color: #666;margin-right: 5px;}
.md-user-znr li .uinfo .md-user-znr-icon{margin-top: 8px; color: #1fadff; line-height: 22px;}
.md-user-znr li .uinfo .md-user-znr-icon span{margin-left: 10px;}
.md-user-znr li .uinfo .md-user-znr-icon span:first-child{margin-left: 0;}


/* 改装案例 */
.md-cases-list{padding-bottom: 10px;}
.md-cases-list li{width: 310px; border: 1px #c5c4c4 solid; box-shadow: 0 0 3px #c5c4c4; margin-top: 10px; margin-left: 10px; float: left;}
.md-cases-list li .md-cases-list-title{padding: 8px 60px 0 10px; height: 52px; position: relative;}
.md-cases-list li .md-cases-list-title a{color: #666666; font-size: 14px;}
.md-cases-list li .md-cases-list-title a:hover{color: #1fadff;}
.md-cases-list li .md-cases-list-title .md-cases-list-like{position: absolute; top: 8px; right: 10px; line-height: 18px;}
.md-cases-list li .md-cases-list-title .md-cases-list-like span{margin: 0 2px; color: #ff0000;}
.md-cases-list li .md-cases-list-info{border-top: 1px #f2f2f2 solid; padding: 10px;}
.md-cases-list li .md-cases-list-info .upic{float: left; width: 55px; height: 55px;}
.md-cases-list li .md-cases-list-info .upic img{width: 55px; height: 55px; border-radius: 50%;}
.md-cases-list li .md-cases-list-info .uinfo{float: left; padding-left: 10px; width: 225px;}
.md-cases-list li .md-cases-list-info .uinfo p{color: #999999;}
.md-cases-list li .md-cases-list-info .uinfo a{color: #393939; font-size: 14px;}


/* 改装案例详情页&配件详情页 */
.md-case-box{background-color: #FFFFFF; padding: 15px 5px;}
.md-case-box .md-case-title{line-height: 34px;}
.md-case-box .md-case-title h1{float: left; color: #333333; font-size: 18px; width: 410px; padding-left: 10px;}
.md-case-box .md-case-car{float: right; width: 250px;}
.md-case-box .md-case-car .md-case-car-content{float: left; line-height: 26px; color: #999999; font-size: 14px; text-align: right; width: 150px; padding-top: 3px;}
.md-case-box .md-case-car .md-case-car-content strong{font-size: 18px;}
.md-case-box .md-case-car .car-img{float: right; width: 100px;}


.md-case-box .md-case-content{position: relative; border: none; margin: 0; padding: 0;}
.md-case-box .md-case-content .md-slide-left-btn,
.md-case-box .md-case-content .md-slide-right-btn{top: 165px;}
.md-case-box .md-case-content .md-slide-content{/*height: 565px;*/}
.md-case-box .md-case-content .md-slide-content li{position: relative; width: 670px;}

.md-case-box .md-case-content .md-slide-content li .number {position: absolute; left: 30px; top: 458px; z-index: 100; text-shadow: 0 0 1px #000;}
.md-case-box .md-case-content .md-slide-content li .number strong{font-size: 28px; color: #ffffff; font-weight: normal; padding: 0 5px;}
.md-case-box .md-case-content .md-slide-content li .number span{font-size: 16px; color: #999999;}
.md-case-box .md-case-content .md-slide-content li .icon-box{position: absolute; right: 30px; top: 413px; z-index: 100; width: 50px;}
.md-case-box .md-case-content .md-slide-content li .icon-box .icon{width: 50px; display: inline-block; margin: 0 5px; text-align: center; color: #ffffff; font-size: 22px; text-shadow: 0 0 1px #000;}
.md-case-box .md-case-content .md-slide-content li .icon-box .icon span{cursor: pointer;}
.md-case-box .md-case-content .md-slide-content li .caption{font-size: 14px; color: #666666; line-height: 20px; padding: 5px 0;}
.md-case-box .md-case-content .md-slide-content li.last{width: 428px; padding: 85px 120px 0; height: 378px; border: 1px #e6e6e6 solid;box-sizing: content-box;}
.md-case-box .md-case-content .md-slide-content li.last .t{font-size: 16px; font-weight: normal; color: #1fadff; }
.md-case-box .md-case-content .md-slide-content li.last .md-apply-table{width: 430px; margin-top: 20px;}
.md-case-box .md-case-content .md-slide-content li.last .text-box{height: 28px; padding: 0 5px; line-height: 28px; border: 1px #e6e6e6 solid; font-size: 12px; color: #666;}
.md-case-box .md-case-content .md-slide-content li.last .text-box span{width: 65px; display: inline-block; text-align: left;}
.md-case-box .md-case-content .md-slide-content li.last .text-box .w55{width: 55px;}
.md-case-box .md-case-content .md-slide-content li.last .text-box input{ border: none;  width: 132px;}
.md-case-box .md-case-content .md-slide-content li.last textarea{width: 426px; height: 90px; border: 1px #e6e6e6 solid; resize: none; padding: 5px;}
.md-case-box .md-case-content .md-slide-content li.last .submit-btn{width: 148px; height: 38px; line-height: 38px; color: #FFFFFF; text-align: center; display: block; background-color: #1fadff; border-radius: 3px; margin-top: 15px; font-size: 14px;}

.md-case-box .md-tags-box{border-top: 1px #cacaca dashed; padding-top: 10px; margin-top: 10px;}
.md-case-box .md-tags-box .share{float: right;}

.md-item-box{padding: 0;}
.md-item-box .md-case-content{padding: 10px 5px;}
.md-item-box .md-case-content .md-slide-content{height: 503px;}

.md-item-info-box{padding-right: 5px;}
.md-item-info-box h1{font-size: 18px; color: #393939; line-height: 48px;}
.md-item-info-box .money{float: left; color: #f8a607; font-size: 20px; line-height: 38px;}
.md-item-info-box .reservation-btn{float: right; width: 138px; height: 40px; background-position: -1px -56px;}
.md-item-info-box p{margin-top: 15px; color: #999999; line-height: 26px;}

.comments-send{padding: 5px;}
.comments-send .comments-text{height: 105px; padding: 5px 10px; background-color: #FFFFFF; border: 1px #e6e6e6 solid; font-size: 14px; color: #999999;}
.comments-send a{color: #1fadff;}
.comments-send textarea{width: 100%; height: 100%; border: none; resize: none;}
.comments-send .comments-btn-box{text-align: right; padding-top: 5px;}
.comments-send .comments-btn-box .comments-send-btn{width: 148px; height: 38px; line-height: 38px; background-color: #1fadff; color: #FFFFFF; text-align: center; border-radius: 3px; display: inline-block; font-size: 16px;}
.comments-send .text{width: 150px; height: 28px; border: 1px #e6e6e6 solid; background-color: #ffffff; padding: 0 5px; color: #999999;}
.comments-list-box{padding: 5px;}
.comments-list-box .comments-content-box{border-top: 1px #cacaca dashed; padding: 20px 10px;}
.comments-list-box .comments-content-box .upic{float: left; width: 48px; text-align: center; padding-right: 15px;}
.comments-list-box .comments-content-box .upic img{width: 46px; height: 46px; border-radius: 50%; border: 2px #FFFFFF solid;}
.comments-list-box .comments-content-box .comments-right{float: right; width: 587px;}
.comments-list-box .comments-content-box .comments-right .comments-top{line-height: 32px; color: #999999;}
.comments-list-box .comments-content-box .comments-right .comments-top .uname{color: #1fadff; font-size: 14px; margin-right: 5;}
.comments-list-box .comments-content-box .comments-right .comments-content{color: #393939; font-size: 14px;}
.comments-list-box .none{text-align: center; padding: 20px 0;}

.md-case-user-box{padding: 10px 5px; background-color: #FFFFFF; border: 1px #e6e6e6 solid;}
.md-case-user-box .upic{float: left; width: 100px; height: 100px; padding-right: 10px;}
.md-case-user-box .upic img{width: 100px; height: 100px; border-radius: 50%;}
.md-case-user-box .info{float: left; width: 158px;}
.md-case-user-box .info p{line-height: 32px;}
.md-case-user-box .info .uname{font-size: 18px; color: #393939; margin-right: 5px;}
.md-case-user-box .desc{color: #999999; margin-top: 15px;}
.md-case-user-box .desc .contact{float: left; line-height: 42px; height: 42px; padding: 0 20px 0 60px; border-radius: 42px; background-color: #1fadff; color: #FFFFFF; font-size: 18px; position: relative; margin-left: 5px;}
.md-case-user-box .desc .contact .md-icon-phone-01{position: absolute; top: -7px; left: -2px;}
.md-case-user-box .desc .right{color: #1fadff;}
.md-case-user-box .ping-btn{height: 38px; line-height: 38px; color: #FFFFFF; text-align: center; display: block; background-color: #1fadff; border-radius: 3px; margin-top: 15px; font-size: 14px;}

.md-item-list-box{background-color: #FFFFFF; padding: 5px; border: 1px #e7e7e7 solid; margin-top: 20px;}
.md-item-list-box li{padding: 15px 0; border-bottom: 1px #e6e6e6 dashed;}
.md-item-list-box li .item-img{float: left; width: 102px;}
.md-item-list-box li .item-img img{border: 1px #e7e7e7 solid;}
.md-item-list-box li .item-info{float: left; padding-left: 10px; width: 155px;}
.md-item-list-box li .item-info a{font-size: 16px; color: #393939;}
.md-item-list-box li .item-info p{font-size: 18px; color: #f8a607; font-weight: bold; line-height: 40px;}
.md-item-list-box li .item-desc{ color: #999999; line-height: 20px; margin-top: 10px;}
.md-item-list-box li .item-icon{text-align: right; padding: 0 10px; color: #1fadff;}
.md-item-list-box li.last{border: none;}

.md-star-box{padding: 0 10px;}
.md-star-box .md-star-content{float: left; padding: 20px 0 15px; line-height: 24px;}
.md-star-box .md-star-content span{font-size: 14px; color: #666666; float: left;}
.md-star-box .md-star-content strong{font-size: 18px; font-weight: normal; float: left; padding-left: 5px;}
.md-star-box .md-star-content .score-ul{float: left;}
.md-star-box .md-star-text{float: right; width: 170px; border: 1px #cdcdcd solid; padding: 5px 10px;}
.md-star-box .md-star-text h1{font-size: 18px; font-weight: normal; color: #ff0000;}
.md-star-box .md-star-text p{color: #666666;}
.md-comments-box{margin-top: 10px;}
.md-comments-box textarea{width: 454px; height: 80px; resize: none; border: 1px #E6E6E6 solid; padding: 5px;}
.md-comments-box .btn-box{text-align: right; padding-top: 10px;}
.btn-box .submit-btn{width: 148px; height: 38px; line-height: 38px; text-align: center; color: #ffffff; font-size: 16px; display: inline-block; background-color: #1fadff; border-radius: 3px;}

.md-fc-box .reservation-box{padding: 20px;}
.reservation-box h1{color: #666666; line-height: 28px; font-size: 14px;}
.reservation-box p{color: #999999; line-height: 30px;}
.reservation-box .Wdate,.WdateFmtErr,.reservation-box .text{width: 180px; height: 24px; border: 1px #DDDDDD solid; font-weight: normal; color: #666666; font-size: 14px;}
.reservation-box .submit-btn{width: 100%; height: 38px; line-height: 38px; text-align: center; color: #ffffff; font-size: 16px; display: inline-block; background-color: #1fadff; border-radius: 3px; margin-top: 10px;}

/* 改装牛人 */
.md-screening-box{background-color: #FFFFFF; border: 1px #DDDDDD solid;}
.md-screening-box .md-screening-ul{padding: 10px;}
.md-screening-box .md-screening-ul li{line-height: 32px;}
.md-screening-box .md-screening-ul li .t{height: 20px; background-color: #666666; color: #FFFFFF; padding: 0 10px;}
.md-screening-box .md-screening-ul li a{margin: 0 5px;}
.md-screening-box .md-screening-ul li a:hover,
.md-screening-box .md-screening-ul li a.cur{color: #f9aa12;}
.md-screening-box .md-screening-ul li.b a{padding: 2px 8px; border: 1px #DDDDDD solid; color: #393939;}
.md-screening-box .md-screening-ul li.b a.cur{color: #ffffff; border-color: #f9aa12; background-color: #f9aa12;}

.md-designer-list{padding: 10px;}
.md-designer-list li{padding: 15px 0 15px 10px; border-bottom: 1px #DDDDDD dashed; font-size: 14px; color: #999999;}
.md-designer-list li .blue{color: #1fadff;}
.md-designer-list li .upic{width: 100px; height: 100px; float: left; padding-top: 15px;}
.md-designer-list li .upic img{width: 100px; height: 100px; border-radius: 50%;}
.md-designer-list li .uinfo{margin-left: 20px; display: inline; float: left; width: 420px;}
.md-designer-list li .uinfo p{line-height: 20px; padding: 5px 0;}
.md-designer-list li .uinfo .un{font-size: 18px; margin-right: 10px;}
.md-designer-list li .uinfo label{margin-right: 15px;}
.md-designer-list li .ustar{margin-left: 20px; display: inline; float: left; padding-top: 30px;}
.md-designer-list li .ucases{float: right; padding-left: 20px; border-left: 1px #DDDDDD dashed; position: relative;}
.md-designer-list li .ucases i{width: 70px; height: 63px; background-position: -530px -325px; position: absolute; left: 20px; top: 0;}


/* 策划 */
.md-topic-list-ul li{border: 1px #e6e6e6 solid; background-color: #ffffff; padding: 5px; margin-bottom: 10px;}
.md-topic-list-ul li img{border: 1px #e6e6e6 solid;}
.md-topic-list-ul li h1{font-weight: normal; margin-top: 10px;}
.md-topic-list-ul li h1 a{font-size: 18px; color: #393939;}
.md-topic-list-ul li p{margin-top: 10px; color: #999999;}

.md-topic-box{padding-top: 5px; background-color: #ffffff; border: 1px #e6e6e6 solid; margin-top: 20px;}
.md-topic-hot-case-ul li{padding: 15px 5px;}
.md-topic-hot-case-ul li .hot-case-title{padding-bottom: 10px;}
.md-topic-hot-case-ul li .hot-case-title .i{ padding-right: 5px; width: 25px; height: 21px; line-height: 20px; text-align: center; color: #ffffff; font-size: 18px; display: inline-block; background-position: -390px 0;}
.md-topic-hot-case-ul li .hot-case-title a{font-size: 18px; color: #393939;}
.md-topic-hot-case-ul li .hot-case-desc{float: left; color: #999999; width: 135px;}
.md-topic-hot-case-ul li .hot-case-img{float: right; width: 127px;}
.md-topic-hot-case-ul li .hot-case-img img{border: 1px #b3b3b3 solid;}

.md-topic-nr-ul li{padding: 10px 5px;}
.md-topic-nr-ul li .upic{width: 100px; height: 100px; float: left;}
.md-topic-nr-ul li .upic img{width: 100px; height: 100px; border-radius: 50%;}
.md-topic-nr-ul li .uinfo{padding-left: 10px; float: left; width: 158px;}
.md-topic-nr-ul li .uinfo .uname{font-size: 18px; color: #393939;}
.md-topic-nr-ul li .uinfo p{color: #999999;}
.md-topic-nr-ul li .uinfo p a{color: #1fadff;}

/* 报名 */
.md-apply-box{padding: 30px 0;}
.md-apply-box .md-apply-table{width: 600px; font-size: 14px;  border-right: 1px #c8c8c8 solid; width: 100%;}
.md-apply-box .md-apply-table td{padding: 3px 0;}
.md-apply-box .md-apply-table .t{width: 100px; text-align: right;}
.md-apply-box .md-apply-table .text{width: 250px; height: 28px; border: 1px #e6e6e6 solid; background-color: #ffffff; padding: 0 5px; color: #666666;}
.md-apply-box .md-apply-table .text-error{border-color: #ff0000; color: #FF0000;}
.md-apply-box .md-apply-table .select{width: 250px; height: 28px; border: 1px #e6e6e6 solid;  color: #666666;}
.md-apply-box .md-apply-table textarea{width: 484px; height: 195px; border: 1px #e6e6e6 solid; resize: none;}
.md-apply-box .md-apply-table .md-apply-submit-btn{width: 148px; height: 38px; line-height: 38px; background-color: #1fadff; color: #ffffff; text-align: center; font-size: 18px; border-radius: 3px; display: block;}
.md-apply-success-content{padding: 30px 20px; font-size: 14px; color: #393939;}
.btn-box{text-align: center; padding-top: 10px;}
.btn-box .submit-btn{margin: 0 5px;}

/* 店铺 */
.md-shop-box{border: 1px #e6e6e6 solid; background-color: #ffffff; padding: 10px 5px;}
.md-shop-box .md-shop-img{width: 282px; float: left; position: relative;}
.md-shop-box .md-shop-img img{border: 1px #AEAEAE solid;}
.md-shop-box .md-shop-img .md-shop-number{position: absolute; left: 210px; bottom: 10px;}
.md-shop-box .md-shop-info{float: left; padding-left: 20px; width: 365px; position: relative;}
.md-shop-box .md-shop-info h1{font-size: 18px; color: #393939; margin-bottom: 10px;}
.md-shop-box .md-shop-info p{color: #666666; padding-top: 10px;}
.md-shop-box .md-shop-info .i{height: 20px; padding: 0 8px; display: inline-block; background-color: #ffa800; color: #ffffff; text-align: center; margin: 0 5px; line-height: 20px;}
.md-shop-box .md-shop-info .wx{position: absolute; right: 0; bottom: 0; width: 30px; height: 30px; background-position: -148px -56px;}
.md-shop-box .md-shop-info .wx img{border: 1px #e6e6e6 solid; width: 150px; position: absolute; right: 0; bottom: 0;}
.md-shop-box .md-shop-desc{padding: 10px 0;}
.md-shop-box .md-shop-desc h1{font-size: 14px; font-weight: normal; color: #666666;}
.md-shop-box .md-shop-desc p{color: #999999;}

.md-slide-shop .md-slide-content{height: 145px; position: relative;}
.md-slide-shop .md-slide-content .md-slide-ul li{width: 215px; height: 145px; margin-right: 11px;}
.md-slide-shop .md-slide-content .md-slide-ul li a{display: block;}
.md-slide-shop .md-slide-content .md-slide-ul li em{width: 100%; height: 100%; background: #000000; opacity: 0.6;}
.md-slide-shop .md-slide-content .md-slide-ul li span{padding: 60px 15px 0; text-align: center; font-size: 18px; color: #ffffff; width: 185px;}
.md-slide-shop .md-slide-content .md-slide-ul li a:hover{position: relative;}
.md-slide-shop .md-slide-content .md-slide-ul li a:hover em,
.md-slide-shop .md-slide-content .md-slide-ul li a:hover span{position: absolute; top: 0; left: 0;}

.md-shop-user-box{border: 1px #e6e6e6 solid; background-color: #FFFFFF; padding: 16px 5px;}
.md-shop-user-box li{padding: 10px 0;}
.md-shop-user-box li .upic{float: left; width: 100px; height: 100px;}
.md-shop-user-box li .upic img{width: 100px; height: 100px; border-radius: 50%;}
.md-shop-user-box li .uinfo{width: 155px; float: left; padding-left: 10px;}
.md-shop-user-box li .uinfo .uname{font-size: 14px; color: #393939;}
.md-shop-user-box li .uinfo p{color: #1fadff; line-height: 22px; padding-bottom: 8px;}

.md-shop-map-box{border: 1px #E6E6E6 solid; background-color: #ffffff; padding-top: 5px;}
.md-shop-map-box .md-main{padding: 15px 5px;}
.md-shop-map-box .md-map{width: 268px; height: 268px; margin-top: 20px;}


/* 幻灯片 */
.md-slide-box{padding: 15px 5px; background-color: #ffffff;}
.md-slide-box .md-title-box{line-height: 40px; padding: 0 20px;}
.md-slide-box .md-title-box h1{font-size: 18px; color: #393939;}

/* 文章列表页 */
.md-article-slider{padding: 5px; position: relative; background-color: #FFFFFF;}
.md-article-slider .slider-container{ width: 450px;}
.md-article-slider .caption{ width: 200px; position: absolute; right: 10px; top: 10px;}
.md-article-slider .caption h1{font-size: 18px; line-height: 24px;}
.md-article-slider .caption h1 a{color: #666666; }
.md-article-slider .caption p{color: #666666; margin-top: 15px;}
.md-article-slider .pagination {position: absolute; right: 20px; bottom: 20px; z-index: 100; width: 200px; text-align: center;}
.md-article-slider .pagination li{ display: inline-block; margin-left: 10px;}
.md-article-slider .pagination li a{ background: #666666; color: #fff; display: block; text-align: center; text-decoration: none; width: 13px; height: 13px; border-radius: 50%;}
.md-article-slider .pagination li.current a{ background: #1fadff;}

.md-article-list li{border-bottom: 1px #E6E6E6 dashed; padding: 20px 0;}
.md-article-list li:last-child{border-bottom: none;}
.md-article-list li .article-img{float: left; width: 215px; height: 145px; overflow: hidden;}
.md-article-list li .article-img img{width: 215px;}
.md-article-list li .info{padding-left: 20px; float: left; width: 423px; }
.md-article-list li .info strong{font-size: 18px; font-weight: normal;}
.md-article-list li .info p{line-height: 20px; padding-top: 5px; color: #999999;}
.md-article-list li .info .clearfix{margin-top: 8px;}
.md-article-list li .info .left{ line-height: 45px;}
.md-article-list li .info .left a{ font-size: 14px;  color: #1fadff;}
.md-article-list li .info .right{padding-top: 15px;}
.md-article-list li .info .upic{width: 44px;}
.md-article-list li .info .upic img{width: 44px; height: 44px; border-radius: 50%;}
.md-article-list li .info .time{color: #999999;}

.md-article-tab .md-tab-ul li{ padding: 0 34px; margin-right: 12px;}
.md-article-tab .md-tab-ul li.last{margin: 0;}

.md-topic-hot-case-ul{padding: 5px 0;}
.md-topic-hot-case-ul li{padding: 5px;}

/* 文章页 */
.md-article-box{background-color: #ffffff; padding: 0 30px 0 5px;}
.md-article-box .md-article-title{ border-bottom: 1px #cacaca dashed;}
.md-article-box .md-article-title h1{line-height: 50px; font-size: 22px; color: #393939;}
.md-article-box .md-article-title .md-article-info{line-height: 28px;}
.md-article-box .md-article-title .md-article-info .time{float: left; color: #393939;}
.md-article-box .md-article-title .md-article-info .share{float: right;}
.md-article-box .md-article-top{background-color: #f4fafd; padding: 10px; line-height: 24px; margin-top: 10px; color: #999999; font-size: 14px;}
.md-article-box .md-article-content{padding: 20px 0 10px; line-height: 24px; font-size: 14px; color: #393939;}
.md-article-box .md-article-content img{max-width: 645px;}

.md-tjcase-ul li{padding: 10px 0; position: relative;}
.md-tjcase-ul li img{border: 1px #AEAEAE solid;}
.md-tjcase-ul li p{font-size: 16px; color: #393939; padding: 0 5px;}
.md-tjcase-ul li .icon-list{position: absolute; top: 150px; left: 10px; line-height: 37px; color: #ffffff;}
.md-tjcase-ul li .upic{width: 40px; height: 40px; position: absolute; left: 10px; top: 20px;}
.md-tjcase-ul li .upic img{ border: 2px #ffffff solid; border-radius: 50%;}

.md-bottom-ul{padding: 10px 0;}
.md-bottom-ul li{width: 163px; float: left; margin-left: 5px;}

.follow-wrap{padding: 20px 0; border-top: 1px #DDDDDD dashed;  margin-top: 10px;}


/*ICON*/
.md-icon-follow-01,
.md-icon-follow-02{width: 94px; height: 94px; background: url(../images/follow_bg.png) no-repeat; margin: 0 auto; display: block;}
.md-icon-follow-01{background-position: 0 0; cursor: pointer;}
.md-icon-follow-02{background-position: 0 -95px;}

.md-icon-flow-01,.md-icon-flow-01:hover{display: inline-block; height: 18px; line-height: 18px; font-size: 12px; padding: 0 8px; color: #FFFFFF; background-color: #ffc700; cursor: pointer;}
.md-icon-flow-02,.md-icon-flow-02:hover{display: inline-block; height: 18px; line-height: 18px; font-size: 12px; padding-left: 18px; background-position: -450px 3px; color: #AEAEAE;}

.md-icon-sign-01{display: inline-block; height: 20px; line-height: 20px; color: #FFFFFF; font-size: 12px; background-position: -300px -150px; padding-left: 15px; padding-right: 10px; border-radius: 2px;}
.md-icon-sign-02{display: inline-block; height: 20px; line-height: 20px; color: #FFFFFF; font-size: 12px; background-position: -300px -176px; padding-left: 15px; padding-right: 10px; border-radius: 2px;}

.md-icon-verify-01{border: 1px #ffa800 solid; padding: 3px; color: #ffa800;}
.md-icon-verify-01 .v{width: 18px; height: 15px; line-height: 15px; display: inline-block; background-position: -420px 0;}

.md-icon-phone-01{width: 54px; height: 53px; display: inline-block; background-position: 0 -152px;}

.md-icon-30-01{ width: 30px; height: 30px; display: inline-block; background-position: -420px -60px;}

.md-icon-37-01{ width: 37px; height: 37px; display: inline-block; background-position: -562px -1px;}
.md-icon-37-02{ width: 37px; height: 37px; display: inline-block; background-position: -562px -40px;}
.md-icon-37-03{ width: 37px; height: 37px; display: inline-block; background-position: -562px -80px;}

.md-icon-small-01{width: 22px; height: 22px; display: inline-block; background-position: -330px -60px;}
.md-icon-small-02{width: 22px; height: 22px; display: inline-block; background-position: -360px -60px;}
.md-icon-small-03{width: 22px; height: 22px; display: inline-block; background-position: -300px -30px;}
.md-icon-small-04{width: 22px; height: 22px; display: inline-block; background-position: -330px -30px;}
.md-icon-small-05{width: 22px; height: 22px; display: inline-block; background-position: -360px -30px;}
.md-icon-small-06{width: 22px; height: 22px; display: inline-block; background-position: -390px -30px;}

.md-icon-big-01{ width: 50px; height: 50px; display: inline-block; background-position: -549px -215px;}
.md-icon-big-01-on{ width: 50px; height: 50px; display: inline-block; background-position: -549px -270px;}
.md-icon-big-02{ width: 50px; height: 50px; display: inline-block; background-position: -549px -160px;}

.md-icon-like-01{width: 21px; height: 18px; display: inline-block; background-position: -360px -60px;}
.md-icon-like-02{width: 21px; height: 18px; display: inline-block; background-position: -330px -1px;}


.md-icon-star-00{width: 115px; height: 20px; display: inline-block; background-position: -300px -305px;}
.md-icon-star-01{width: 115px; height: 20px; display: inline-block; background-position: -300px -325px;}
.md-icon-star-02{width: 115px; height: 20px; display: inline-block; background-position: -300px -345px;}
.md-icon-star-03{width: 115px; height: 20px; display: inline-block; background-position: -300px -365px;}
.md-icon-star-04{width: 115px; height: 20px; display: inline-block; background-position: -300px -385px;}
.md-icon-star-05{width: 115px; height: 20px; display: inline-block; background-position: -300px -405px;}


.md-icon-flow-02,
.md-icon-small-01,
.md-icon-small-02,
.md-icon-small-03,
.md-icon-small-04,
.md-icon-small-05,
.md-icon-small-06,
.md-icon-big-01,
.md-icon-big-01-on,
.md-icon-big-02,
.md-icon-like-01,
.md-icon-like-02,
.md-icon-sign-01,
.md-icon-sign-02,
.md-icon-phone-01,
.md-icon-30-01,
.md-icon-37-01,
.md-icon-37-02,
.md-icon-37-03,
.md-icon-star-00,
.md-icon-star-01,
.md-icon-star-02,
.md-icon-star-03,
.md-icon-star-04,
.md-icon-star-05,
.score-ul li,
.md-icon-verify-01 .v,
.md-slide-box .md-slide-left-btn,
.md-slide-box .md-slide-right-btn,
.md-header .apply-btn,
.md-item-info-box .reservation-btn,
.md-designer-list li .ucases i,
.hot-case-title .i,
.md-shop-info .wx,
.md-page-box span,
.md-page-box a,
.md-fc-box .md-fc-title .close,
.md-story h1{background-image: url(../images/modi_bg.png);}


.p5{padding: 5px;}
.p10{padding: 10px;}
.pt10{padding-top: 10px;}
.pt25{padding-top: 25px;}
.mt10{margin-top: 10px;}
.mt25{margin-top: 25px;}
.mt20{margin-top: 20px;}
.mt0{margin-top: 0;}
.ml0{margin-left: 0;}
.left{float: left; display: inline;}
.right{float: right; display: inline;}
.yellow{color: #f9aa12;}
.blue{color: #1fadff;}
.blue-01{color: #1fadff;}