@import url(../../fonts/sourceHanSansfont/font.css);
body { 
  color: #333333; 
  font-family: 'SourceHanSansCN-Normal', 'SourceHanSansCN-Regular', 'sans-serif';
  padding: 0px !important;
  margin: 0px !important;
  font-size:12px; 
  direction: ltr;
}
form{margin:0;padding:0;}
h1, h2, h3, h4, h5, h6, h7 {font-weight:normal;margin:0;padding:0;border:0;}
ol,ul{padding:0;margin:0;list-style:none;}
ul li{padding:0;margin:0;}
select,textarea,input[type='text'],button{outline:none;}
a{text-shadow: none !important;color: #666;text-decoration:none;}
a.font-color01{text-shadow: none !important;color: #333 !important;;text-decoration:none;}
a,a:focus, a:hover, a:active {outline:0;color:#666;text-decoration:none;}
a:hover{color:#ff9600;}
img{border:0;}
.fl{float:left;} 
.fr{float:right;} 
.fc{margin:0 auto;}
.textc{text-align:center;}
.textr{text-align:right;}
.textl{text-align:left;}
.textm{vertical-align:middle;}
.clear{clear:both;} 
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
* html>body .clearfix{display:inline-block;width:100%;}
* html .clearfix{height:1%;}
*+html .clearfix{min-height:1%;}
.bgcolor01{background:#d7e1ea;}
.bgcolor02{background:#fff;}
.bgcolor03{background:#6bbedc;}
.bgcolor04{background:#6a727d;}
.bgcolor05{background:#eeeff4;}
.bgcolor06{background:#e7e8ec;}
.font-color01{color:#333 !important;}
.font-color02{color:#666 !important;}
.font-color03{color:#ff9600 !important;}
.font-color04{color:#fff !important;}
.font-color05{color:#6bbedc !important;}
.font-color06{color:#6a727d !important;}
button.emphasize{background:#6bbedc;color:#fff !important;}
.btn.blue01{background:#6bbedc;color:#fff !important;border-color: transparent;}
.btn-01{background:#ff9600;color:#fff !important;border-color: transparent;}

.display-none,.display-hide {display: none;}
.no-space {margin: 0px !important;padding: 0px !important;}

.margin-bottom-10 {margin-bottom: 10px !important;}
.margin-top-10 {margin-top: 10px !important;}
.margin-bottom-15 {margin-bottom: 15px !important;}
.margin-bottom-20 {margin-bottom: 20px !important;}
.margin-top-20 {margin-top: 20px !important;}
.margin-bottom-25 {margin-bottom: 25px !important;}
.margin-right-10 {margin-right: 10px !important;}
.padding-top-20 {padding-top: 20px !important;}
.bold {font-weight:600 !important;}
.fix-margin {margin-left: 0px !important}
.inline {display: inline;}

/*头部*/
.page-header{width: 100%;margin:0;border:0;padding:0;height:54px;min-height:54px;filter:none;background:#31302C;}
.page-header .page-logo{float:left;display:block;width:351px;height:54px; padding-left:120px;padding-right:20px;}
.page-header .page-logo img{height: 40px;margin: 6px 0 0;}
.page-header .hor-menu{margin:0;float:left;width:690px;min-height:54px;position:static;}
.page-header .hor-menu .navbar-nav > li > a{color: #fff;font-size:18px;font-weight:400;padding:15px 13px;min-height:54px;}
.page-header .hor-menu .navbar-nav > li.open > a, .page-header .hor-menu .navbar-nav > li:hover > a, .page-header .hor-menu .navbar-nav > li > a:hover{color:#fff;border-bottom:solid 4px #6bbedc;background-color:#31302C;}
.page-header .hor-menu .navbar-nav.index > li > a:hover{color:#fff;border-bottom:solid 4px #cdcfcf;background-color:#31302C;}
.page-header .hor-menu .navbar-nav > li.active > a{border-bottom:solid 4px #6bbedc;}
.page-header .hor-search{margin:0 0 0 15px;float:left;width:360px;min-height:54px;position:static;}
.page-header .hor-search input.text{float:left;width:292px;height:32px;border:solid 1px #656460;border-right:0;color:#fff;font-size:12px;background:#31302C;padding:0 5px;margin-top:11px;}
.page-header .hor-search input.btn{float:left;height:32px;border:solid 1px #656460;color:#fff;font-size:12px;background:#6bbedc;padding:0 15px;border:0;margin-top:11px;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;}
.page-header .top-menu{margin:0;padding:0;float:right;height:54px;}
.page-header .top-menu .navbar-nav{padding:0;margin:0 20px 0;display:block;}
.page-header .top-menu .navbar-nav > li.dropdown{margin:0;padding:0 4px;height:54px;display:inline-block;color:#fff;}
.page-header .top-menu .navbar-nav > li.dropdown:last-child{padding-right:0;}
.page-header .top-menu .navbar-nav > li.dropdown > .dropdown-toggle{margin:0;padding: 19px 10px 10px;}
.page-header .top-menu .navbar-nav > li.dropdown-inbox a{color:#79869a;background:#31302C;}
.page-header .top-menu .navbar-nav > li.dropdown-inbox a i{font-size:15px;}
.page-header .top-menu .navbar-nav > li.dropdown-inbox a .badge{background:#6BBEDC;color:#fff;position:absolute;top:13px;right:20px;}
.page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle{padding: 16px 6px 13px 8px;}
.page-header .top-menu .navbar-nav > li.dropdown-user a:hover{background:#31302C !important;}
.page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle i{color:#fff;}
.page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > .username{ display: inline-block;font-size: 14px; font-weight:300;color:#fff;}
.page-header .top-menu .navbar-nav > li.dropdown-login a{font-size:14px;}
.page-header .top-menu .navbar-nav > li.dropdown-register a{font-size:14px;}
.page-header .top-menu .navbar-nav > li.dropdown-login a:hover{background:none;}
.page-header .top-menu .navbar-nav > li.dropdown-register a:hover{background:none;}
.page-header .nav>li>a:hover{background-color:transparent}
/*尾部*/
.page-footer{width:100%;margin:0;border:0;padding:32px 0;background:#383836;clear:both;height:auto;}
.page-footer .footer-wrapper{width:1200px;margin:0 auto;color:#fff;}
.page-footer .footer-wrapper ul{width:100%;padding:20px 20px 0;margin:0px;}
.page-footer .footer-wrapper ul li{float: left;width:180px;}
.page-footer .footer-wrapper ul li.mail{width:300px;}
.page-footer .footer-wrapper ul li.img{width:300px;}
.page-footer .footer-wrapper ul li dt{font-size: 14px;margin-bottom: 20px;font-weight:300;}
.page-footer .footer-wrapper ul li dd{font-size: 12px;margin-bottom: 10px;color:#8d8d8c;}
.page-footer .footer-wrapper ul li dd a{color:#8d8d8c;}
.page-footer .footer-wrapper ul li.img dt{margin:0;}
.page-footer .footer-wrapper ul li.img dt div{float:left;width:100px;background:#242725;padding:10px;margin-right:50px;}
.page-footer .footer-wrapper ul li.img dt div img{width:80px;}
.page-footer .footer-wrapper ul li.img dt div h4{width:100%;line-height:20px;font-size:12px;text-align:center;margin-top:5px;}
.page-footer .footer-wrapper p{width:100%;padding:0 0 10px 20px;margin:0;color:#8d8d8c;}

/*搜索页banner*/
.main-banner{width:100%;height:120px;margin:0;background:#7e8794;}
.main-banner .banner-widget{width:1200px;margin:0 auto;padding:24px 50px 24px 64px;}
.main-banner .banner-title{width:100%;margin-bottom:10px;}
.main-banner .banner-title .fl{float:left;font-size:30px;color:#fff;}
.main-banner .banner-title .fr{float:right;}
.main-banner .banner-title .fr .input{float:left;width:300px;height:36px;border:solid 1px #A7A5A7;border-right:0;padding:0 5px;color:#999;font-size:14px;}
.main-banner .banner-title .fr .btn{float:left;width:56px;height:36px;color:#fff;font-size:16px;background:#6BBEDC;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;}
.main-banner .banner-sub{width:100%;color:#fff;font-size:14px;}
/*搜索页nav*/
.main-nav{width:100%;height:50px;background:#6bbedc;}
/*搜索页分类*/
.search-type-bar{width:1200px;margin:0 auto;background:#fff;padding:22px 72px;}
.search-type-bar .search-item{width:100%;margin-top:10px;}
.search-type-bar .search-item a{padding:2px 5px;font-size:14px;}
.search-type-bar .search-item a.active{font-size:14px;color:#fff;background:#6bbedc;border-radius:2px !important;-moz-border-radius:2px;-webkit-border-radius:2px;}
.search-type-bar .search-item h3{float:left;font-size:14px;line-height:25px;width:60px;margin-right:20px;}
.search-type-bar .search-item .selectall{float:left;margin-right:44px;line-height:25px;}
.search-type-bar .search-item ul{float:left;border-bottom:solid 1px #ccc;width:890px;padding-bottom: 10px;}
.search-type-bar .search-item:last-child ul{border-bottom:0;}
.search-type-bar .search-item ul li{float:left;width:120px;margin:0 30px 0px 0;line-height:25px;}
.search-sort-bar{width:1200px;margin:10px auto;background:#fff;padding:12px 72px;}
.search-sort-bar ul{width:100%;}
.search-sort-bar ul li{float:left;margin-right:40px;}
.search-sort-bar ul li a{font-size:14px;}
.search-sort-bar ul li a.active{color:#6bbedc;}
/*搜索页结果*/
.search-result-container{width:1200px;margin:0 auto;margin-bottom:50px;padding:20px 30px;background: #fff;}
.search-result-container .result-box{width:100%;}
.search-result-container .result-box:nth-child(n+2){margin-top:30px;}

/*工作室详细*/
.page-bar-container{width:100%;height:38px;line-height:38px;margin:0;padding:0;background:#7e8794;}
.page-bar-container .page-bar-widget{width:1200px;height:38px;line-height:38px;margin:0 auto;padding:0;}
.page-bar-container .page-bar-widget .page-bar-breadcrumb{width:100%;height:38px;line-height:38px;}
.page-bar-container .page-bar-widget .page-bar-breadcrumb li{float:left;color:#fff;}
.page-bar-container .page-bar-widget .page-bar-breadcrumb li a{color:#fff;}
.studio-intro-container{width:1200px;height:178px;padding:30px;overflow:hidden;margin:10px auto;}
.studio-intro-container .studio-intro-item{width:100%;}
.studio-intro-container .studio-intro-item .pic{float:left;width:118px;height:118px;overflow:hidden;margin-right:20px;}
.studio-intro-container .studio-intro-item .pic img{width:100%;height:100%;}
.studio-intro-container .studio-intro-item .txt{float:left;width:1000px;height:118px;overflow:hidden;}
.studio-intro-container .studio-intro-item .txt h3{font-size:20px;margin-bottom:10px;}
.studio-intro-container .studio-intro-item .txt h3 sub{font-size:12px;margin-left:10px;}
.studio-intro-container .studio-intro-item .txt .comment{margin-bottom:10px;}
.studio-intro-container .studio-intro-item .txt .action{margin-top:40px;}
.studio-intro-container .studio-intro-item .txt .action button{width:80px;height:32px;line-height:32px;margin-right:5px;font-size:14px;background:#6bbedc;border:0;}

.studio-whole-container{width:1200px;height:auto;margin:0 auto 20px auto;padding:0;}
.studio-whole-container .sidebar-container{float:left;width:284px;height:auto;margin-right:10px;padding:0;}
.studio-whole-container .main-container{float:left;width:906px;height:auto;padding:0;}
.studio-whole-container .sidebar-container .item-box{width:100%;padding:20px 18px;border-bottom:solid 1px #e1e1e1;}
.studio-whole-container .sidebar-container .item-box h4{font-size:12px;font-weight:800;padding:0;margin:0 0 5px 0;}
.studio-whole-container .sidebar-container .item-box p{font-size:12px;padding:0;margin:0 0 20px 0;line-height:150%;}
.studio-whole-container .sidebar-container .item-box p.nomg{margin:0;}
.studio-whole-container .sidebar-container .item-box ul{width:100%;}
.studio-whole-container .sidebar-container .item-box ul li{margin-bottom:10px;}
.studio-whole-container .sidebar-container .item-box ul li span{font-weight:800;}
.studio-whole-container .main-container .main-container-header{width:100%;height:50px;background:#eeeff4;line-height:50px;box-shadow:0px 2px 2px #c5c5c5;}
.studio-whole-container .main-container .main-container-header .tab{width:40%;height:50px;margin:0 auto;}
.studio-whole-container .main-container .main-container-header .tab li{float:left;width:25%;margin:0 0px; height:50px;font-size:14px;text-align:center;}
.studio-whole-container .main-container .main-container-header .tab li.active{border-bottom: solid 4px #6bbedc;}
.studio-whole-container .main-container .main-container-body{width:100%;padding:20px;}
.studio-whole-container .main-container .main-container-body .case-list{width:100%;}
.studio-whole-container .main-container .main-container-body .case-list .case-item{float:left;width:282px;height:266px;overflow:hidden;margin:0 10px 10px 0;border:solid 1px #e1e1e1;padding:0;}
.studio-whole-container .main-container .main-container-body .case-list .case-item:hover{border:solid 1px #ff9600;}
.studio-whole-container .main-container .main-container-body .case-list .case-item:nth-child(3n){margin-right:0;}
.studio-whole-container .main-container .main-container-body .case-list .case-item .pic{width:100%;height:164px;}
.studio-whole-container .main-container .main-container-body .case-list .case-item .pic img{width:100%;height:100%;}
.studio-whole-container .main-container .main-container-body .case-list .case-item .title{font-size:16px;margin:20px 0 10px;text-align:center;}
.studio-whole-container .main-container .main-container-body .case-list .case-item .view{font-size:16px;text-align:center;}
.studio-whole-container .main-container .main-container-body .case-list .case-item .view a{display:block;width:92px;height:30px;line-height:30px;margin:0 auto;background:#30303c;font-size:12px;}



/*栏目区*/
.container-grid{width:1200px;margin:10px auto;padding:0;}
.container-grid .main-container{float:left;width:904px;margin:0;padding:0;}
.container-grid .sidebar-container{float:left;width:286px;margin:0;padding:0;}
.container-grid .sidebar-container .item-box{width:258px;margin:34px 14px 0 14px;}
.container-grid .sidebar-container .item-box .lxrinfo{width:100%;font-size:14px;border-bottom:solid 1px #ccc;padding-bottom:10px;}
.container-grid .sidebar-container .item-box .lxrinfo li{margin-bottom:10px;}
.container-grid .sidebar-container .item-box .recommend{width:100%;}
.container-grid .sidebar-container .item-box .recommend .recommend-header{width:100%;}
.container-grid .sidebar-container .item-box .recommend .recommend-header h3{font-size:16px;}
.container-grid .sidebar-container .item-box .recommend .recommend-body{width:100%;}
.container-grid .sidebar-container .item-box .recommend .recommend-body .recommend-item{width:100%;border-bottom:solid 1px #e1e1e1;padding:15px 0 5px 0;}
.container-grid .sidebar-container .item-box .recommend .recommend-body .recommend-item .pic{float:left;width:58px;height:44px;overflow:hidden;margin-right:12px;}
.container-grid .sidebar-container .item-box .recommend .recommend-body .recommend-item .pic img{width:100%;height:100%;}
.container-grid .sidebar-container .item-box .recommend .recommend-body .recommend-item .txt{float:left;width:185px;}
.container-grid .sidebar-container .item-box .recommend .recommend-body .recommend-item .txt li{margin-bottom:5px;}

.container-grid .main-container .main-box{width:100%;padding:34px 40px;}
.container-grid .main-container .main-box .box-body{width:100%;}
.container-grid .main-container .main-box .box-body .picinfo{float:left;width:214px;height:auto;overflow:hidden;margin-right:20px;}
.container-grid .main-container .main-box .box-body .pic{width:214px;height:202px;overflow:hidden;}
.container-grid .main-container .main-box .box-body .pic img{width:100%;height:100%;}
.container-grid .main-container .main-box .box-body .txt{float:left;width:590px;}
.container-grid .main-container .main-box .box-body .txt h3{font-size:18px;width:100%;padding:0;margin:0 0 10px;line-height:30px;}
.container-grid .main-container .main-box .box-body .txt p{font-size:14px;width:100%;padding:0;margin:0 0 10px;line-height:150%;}
.container-grid .main-container .main-box .box-body .txt .pricecomment{width:100%;margin-bottom:30px;}
.container-grid .main-container .main-box .box-body .txt .pricecomment .price{float:left;border-right:solid 1px #ccc;width:215px;height:70px;line-height:70px;font-size:36px;text-align:center;}
.container-grid .main-container .main-box .box-body .txt .pricecomment .comment{float:left;width:375px;font-size:14px;padding:10px 0 0 24px;}
.container-grid .main-container .main-box .box-body .txt .pricecomment .comment .commentstar{margin-bottom:10px;}
.container-grid .main-container .main-box .box-body .txt .choose-attrs{width:100%;margin-bottom:20px;}
.container-grid .main-container .main-box .box-body .txt .choose-attrs .p-choose{width:100%;margin-bottom:10px;}
.container-grid .main-container .main-box .box-body .txt .choose-attrs .p-choose .dt{float:left;width:80px;font-size:14px;margin-right:10px;height:40px;line-height:40px;}
.container-grid .main-container .main-box .box-body .txt .choose-attrs .p-choose .dd{float:left;width:495px;}
.container-grid .main-container .main-box .box-body .txt .choose-attrs .p-choose .dd a{display:block;float:left;border:solid 1px #ccc;height:40px;line-height:40px;padding:0 20px;margin-right:10px;}
.container-grid .main-container .main-box .box-body .txt .choose-attrs .p-choose .dd a.active{border:solid 1px #6bbedc;}
.container-grid .main-container .main-box .box-body .txt .choose-attrs .choose-btns{width:100%;margin-top:20px;}
.container-grid .main-container .main-box .box-body .txt .choose-attrs .choose-btns a{float:left;margin-right:20px;width:120px;height:40px;line-height:40px;font-size:16px;text-align:center;}
.container-grid .main-container .main-box .box-body .txt .choose-attrs .choose-btns a.t{border:solid 1px #6bbedc;color:#6bbedc;background:#fff;}
.container-grid .main-container .main-box .box-body .txt .choose-attrs .choose-btns a.b{border:0;color:#fff;background:#6bbedc;}
.container-grid .main-container .main-box .box-header{width:100%;}
.container-grid .main-container .main-box .box-header .tab{width:100%;border-bottom:solid 1px #ccc;padding-bottom:10px;}
.container-grid .main-container .main-box .box-header .tab a{float:left;margin-right:30px;font-size:16px;}

/*分页区*/
.page_container{width:100%;margin:20px 0;height:50px;overflow:hidden;}
.page_container .page_info{float:left;}
.page_container .page_info span{line-height:50px;padding-right:10px;font-size:13px;}
.page_container .page_link{float:right;}

/*弹出层*/
.modal .modal-header{border-bottom:1px solid #EFEFEF;background-color:#31303c;color:#fff;}
.modal .modal-title{font-size:14px;}


.page-header-notice{
	  background: #383836;
    cursor: pointer;
    color: #f38585;
    font-size: 14px;
    padding: 2px 0px;
}