@charset "utf-8";
/*File Name:*.css*/
/*Project Name:四川画报*/
/*Version:1.0(2014-12)*/
/*Author:ChenCixu*/
/*公共样式*/
body, html { font: 14px/1.5 "Microsoft YaHei", arial, \5b8b\4f53; background: #f4f4f4; color: #000; }
html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu { margin: 0; padding: 0; }
header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details { display: block; }
body, textarea, input, button, select, keygen, legend { color: #333; outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th { text-align: left; font-weight: normal; }
html, body, fieldset, img, iframe, abbr { border: 0; }
i, cite, em, var, address, dfn { font-style: normal; }
[hidefocus], summary { outline: 0; }
li { list-style: none; }
h1, h2, h3, h4, h5, h6, small { font-size: 100%; }
sup, sub { font-size: 83%; }
pre, code, kbd, samp { font-family: inherit; }
q:before, q:after { content: none; }
textarea { overflow: auto; resize: none; }
label, summary { cursor: default; }
a, button { cursor: pointer; }
h1, h2, h3, h4, h5, h6, strong, b { font-weight: bold; }
del, ins, u, s, a, a:hover { text-decoration: none; }
a, a:hover { color: #333; transition: all 0.4s; outline: none; }
a:focus { outline: none; text-decoration: none; color:inherit }
.red a, .red { color: #cc1720 }
.red a:hover { color: #cc1720 }
.blue, .blue a { color: #16C }
a.blue:hover { color: #16C }
.gray, .gray a { color: #999 }
.green, .green a { color: #066601 }
.orange, .orange a { color: #F60 }
.fl { float: left; }
.fr { float: right }
.dis-no { display: none }
.clearfix:after { content: "\0020"; display: block; height: 0; clear: both }
.clearfix { _zoom: 1 }
*+html .clearfix { overflow: hidden }
.txt-ellipsis { white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis }
.txt-break { word-wrap: break-word; word-break: break-all }
.txt-center { text-align: center }
.placeholder { color: #aaa; }
/*头部*/
#header { height: 50px; background-color: #cc1720; }
#logo { height: 50px; width: 230px; float: left; background: url(../images/logo.png) no-repeat }
.subnav { float: right; color: #FFF; }
.banner { position: relative; min-height: 50px; }
.top-nav { height: 50px; background:url(../images/mininav_bg.png); /*filter: "Alpha(opacity=50)"; opacity: 0.5*/ position: absolute; top: 0px; z-index: 1002; width: 100%;
}
.top-nav-fixed { position: fixed; top: 0; width: 100%; }
.mini-logo { height: 50px; width: 230px; float: left; background: #cc1720 url(../images/logo.png) no-repeat; padding-right: 10px; opacity: 0; transition: all 0.4s ease-out 0s; }
.mini-logo a { display: block; }
.top-nav-fixed .mini-logo { opacity: 1; }
.menus { position: absolute; left: 0; transition: left 0.4s ease-out 0s; }
.menus li { float: left; }
.menus li a { height: 50px; display: inline-block; color: #FFF; transition: all 0.3s ease 0s; font-size: 16px; line-height: 48px; padding: 0 30px; border-right: 1px solid #999 }
.menus li a span { font-family: "Arial"; color: #FFF; opacity: 0.5; padding-left: 5px; display: inline-block; transition: all 0.4s ease-out 0s; text-transform: uppercase }
.menus li.on a { border-bottom: 3px solid #cc1720; height: 50px; }
.menus li a:hover { background-color: #cc1720; }
.top-nav-fixed .menus li a span { display: none }
.mainnav { position: absolute; left: 0; transition: left 0.4s ease-out 0s; }
.mainnav > a { display: none; }
.mainnav li { position: relative; }
.mainnav li a { color: #fff; display: block; font-weight: 700; text-shadow: 0 1px 1px #000000; }
.mainnav li a:active { background-color: #cc1720 !important; }
.mainnav li a span { font-family: "Arial Narrow"; color: #FFF; opacity: 0.5; padding-left: 5px; font-weight: lighter; text-shadow: none; display: inline-block; transition: all 0.4s ease-out 0s; }
/* first level */
.mainnav li.on a { border-bottom: 3px solid #cc1720; }
.mainnav > ul { }
.mainnav > ul > li { height: 100%; float: left; }
.mainnav > ul > li > a { height: 50px; display: inline-block; color: #FFF; box-sizing: border-box; transition: all 0.3s ease 0s; font-size: 16px; line-height: 48px; padding: 0 20px; border-right: 1px solid #999 }
.mainnav > ul > li > a { border-right: 1px solid #999; }
.mainnav ul li a:hover { background-color: #cc1720; }
.mainnav > ul > li:hover > a, .mainnav > ul:not( :hover ) > li.active > a { background-color: #cc1720; }
.top-nav-fixed .mainnav > ul > li > a { padding: 0 45px; }
.top-nav-fixed .mainnav li a span { display: none }
/*解决IE8下面菜单效果*/
.ie8 .mini-logo { display: none }
.ie8 .top-nav-fixed .mini-logo { display: block }
/* second level */
.mainnav li ul { background-color: #cc470d; display: none; position: absolute; top: 100%; }
.mainnav li:hover ul { display: block; left: 0; right: 0; }
.mainnav li:not( :first-child ):hover ul { left: -1px; }
.mainnav li ul a { font-size: 1.25em; padding: 0.75em; /* 15 (20) */ }
.mainnav li ul li a:hover, .mainnav li ul:not( :hover ) li.active a { background-color: #cc1720; }
.movemenu { left: 230px; }
.top-nav-fixed .mainnav { left: 230px; }

@media only screen and ( max-width: 1800px ) {
.mainnav > ul > li > a { padding: 0 20px; }
.top-nav-fixed .mainnav li a span { display: none }
.top-nav-fixed .mainnav > ul > li > a { padding: 0 35px; }
}

@media only screen and ( max-width: 1648px ) {
.mainnav li a span, .menus li a span { display: none }
.mainnav > ul > li > a, .menus li a { padding: 0 45px; }
.top-nav-fixed .mainnav li a span { display: none }
.top-nav-fixed .mainnav > ul > li > a { padding: 0 20px; }
}

@media only screen and ( max-width: 1454px ) {
.mainnav > ul > li > a, .menus li a { padding: 0 30px; }
.top-nav-fixed .mainnav > ul > li > a { padding: 0 20px; }
.mainnav li a span, .menus li a span { display: none }
.top-nav-fixed .mini-logo { opacity: 0; display: none; height:0  }
.movemenu { left: 0; }
.top-nav-fixed .mainnav { left: 0; }
}
@media only screen and ( max-width: 1200px ) {
.mainnav > ul > li > a, .menus li a { padding: 0 23px; }

}
@media only screen and ( max-width: 990px ) {
.mainnav > ul > li > a, .menus li a { padding: 0 20px; }
.top-nav-fixed .mainnav { left: 0; }
}

@media only screen and ( max-width: 900px ) {
.mainnav { position: relative; top: auto; left: auto; }
.mainnav > a { width: 50px; /* 50 */ height: 50px; /* 50 */ text-align: left; text-indent: -9999px; background-color: #cc1720; position: relative; }
.mainnav > a:before, .mainnav > a:after { position: absolute; border: 2px solid #fff; top: 35%; left: 25%; right: 25%; content: ''; }
.mainnav > a:after { top: 60%; }
.mainnav:not( :target ) > a:first-of-type, .mainnav:target > a:last-of-type { display: block; }
/* first level */

.mainnav > ul { height: auto; display: none; position: absolute; left: 0; right: 0; }
.mainnav:target > ul { display: block; }
.mainnav > ul > li { width: 100%; float: none; background-color: #cc1720; border-bottom: 1px solid #9d0007 }
.mainnav > ul > li > a { height: auto; text-align: left; padding: 0 0.833em; /* 20 (24) */ }
.mainnav > ul > li > a { border-right: none; }
/* second level */
.mainnav > ul > li:hover > a, .mainnav > ul:not( :hover ) > li.active > a { background-color: #9d0007; width: 100%; }
.mainnav li ul { position: static; padding: 1.25em; /* 20 */ padding-top: 0; }
.mini-logo, .top-nav-fixed .mini-logo { opacity: 0; display: none }
.movemenu { left: 0; }
}
/*顶部登录注册*/
.navbar-header { float: right; position: absolute; right: 0; top: 0; }
.navbar-header li { float: left; height: 50px; position: relative }
.navbar-header li a { display: block; height: 100%; padding: 0 12px; font-size: 14px; line-height: 50px; color: #FFF; transition: all 0.4s ease-out 0s; }
.navbar-header li a i { margin-right: 10px }
.navbar-header li a:hover, .navbar-item-on { background-color: #9d0007 }
.navbar-header li a.u-photo { width: 30px; height: 30px; border-radius: 15px; overflow:hidden; display: inline-block; color: #9d0007; padding: 0; margin-top: 10px; line-height: 30px; text-align: center }
    .navbar-header li a.u-photo img {border-radius: 15px;
    }
.navbar-header li .u-photo i { padding-right: 0 }
.navbar-header li a:hover { background-color: #9d0007; color: #FFF }
.navbar-header li#navitem-mobile { display: none; }
.navbar-header li#navitem-mobile a i { float: left; margin-top: 12px; }
.navbar-header > li > .dropdown-menu { border-radius: 3px; min-width: 130px; }
.navbar-header .dropdown-menu > li { margin-left: 0; float:none; height:auto }
.navbar-header .dropdown-menu > li > a { color: #FFF; font-size: 12px; line-height: 1.5; }
.navbar-header .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background-color: #cc1720; color: #FFF; }
.navbar-header .dropdown-menu > li > a { padding: 5px 20px 5px 40px; -webkit-transition: border-color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s; transition: border-color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s; }
.navbar-header .dropdown-menu > li > a:hover {background-color: #c80000; color: #FFF;  }
.navbar-header .dropdown-menu > li > a > i { position: absolute; margin-left: -22px; margin-top: 4px; }
.navbar-header .profile-dropdown { line-height:30px; }
.navbar-header .profile-dropdown > a > img { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; float: left; height: 35px; margin-right: 5px; width: 35px; vertical-align: middle; margin-top:9px; }
.navbar-header .profile-dropdown>a>span {
    float: left;
    display: block;
    margin-right: 3px; color:#FFF
}
.navbar-header .dropdown-menu {  min-width:120px; background-color: #9d0007; border:none; border-top:none; -webkit-box-shadow:none; box-shadow:none; z-index:1111; margin:0; border-radius:0; }
.fa-sichuan,.fa-shijie { display: inline-block; height: 19px; margin-top: 16px; float: left; width: 19px; background: url(../images/icon/icon_sichuan.png) no-repeat center; }
.fa-shijie { background: url(../images/icon/icon_shijie_white.png) no-repeat center; }
.dropdown-site { width: 110px; background-color: #9d0007; position: absolute; display: none; top: 50px; right: 0; z-index: 1003; }
.navbar-header li .dropdown-site a:hover { background-color: #cc1720 }
.top-nav .navbar-header { opacity: 0; transition: all 0.4s ease-out 0s; display: none }
.top-nav-fixed .navbar-header { opacity: 1; display: block }
.fa-sichuan { display: inline-block; height: 19px; margin-top: 16px; float: left; width: 18px; background: url(../images/icon_sichuan.png) no-repeat center; }
/*布局*/
.wrap, .grid-c, .grid-4, .grid-6 { margin: 0 auto; width: 1180px }
.grid-1, .grid-2, .grid-3 { background: #f5f5f5 url(../images/sc_map.png) center no-repeat; padding: 10px 0 30px 0; }
.grid-2 { background: url(../images/layout_bg1.png) }
.grid-3 { background: #f5f5f5; }
.grid-4 { background-color: #FFF; padding: 10px 30px 30px 30px; box-sizing: border-box; min-height: 400px; box-shadow: 0 2px 5px rgba(0,0,0,.3); border-radius: 4px; margin-bottom:20px; }
.grid-4-column{ padding: 10px 0 30px 0; }
.grid-5 { padding: 10px 30px; min-height: 550px; }
.grid-6 { background-color: #FFF; margin:20px auto; box-sizing: border-box; box-shadow: 0 2px 5px rgba(0,0,0,.3); border-radius: 4px }
/*首页各栏目标题*/
.title-1 { height: 33px; line-height: 33px; margin: 20px 0; clear: both; }
.title-1 a, .title-2 a, .title-3 a, .title-4 a, .title-5 a, .title-6 a, .title-7 a, .title-8 a, .title-9 a, .title-10 a { display: inline-block; height: 33px; width: 300px; background: url(../images/icon_1.png) no-repeat; }
.title-2 a { background-position: 0 -43px; }
.title-3 a { background-position: 0 -86px; }
.title-4 a { background-position: 0 -129px; }
.title-5 a { background-position: 0 -172px; }
.title-6 a { background-position: 0 -215px; width: 440px; }
.title-7 a { background-position: 0 -258px; }
.title-8 a { background-position: 0 -301px; }
.title-9 a { background-position: 0 -344px; }
.title-10 a { background-position: 0 -387px; }
/*按钮*/
.btn-1, .btn-4,.btn-def { height: 40px; line-height: 40px; width: 100px; font-size: 16px; text-align: center; color: #FFF; background-color: #e94b55; border: none; display: inline-block; border-radius: 3px; }
.btn-s-1 { height: 20px; line-height: 20px; font-size: 12px }
.btn-4 { background-color: #e8e8e8; color: #333 }
.btn-5 { width: 170px; }
.btn-6 { width: 180px; background-color: #ff868f }
.btn-1:hover, .btn-4:hover { background-color: #ea2c38; color: #FFF }
.btn-start{ background-color: #e94b55; color: #FFF}
.btn-prepare{ background-color: #ff9500; color: #FFF}
.btn-over{ background-color: #e8e8e8; color: #333;}
.btn-start:hover{background-color: #d1434c; color: #FFF}
.btn-prepare:hover{background-color: #e78200; color: #FFF}
.btn-over:hover{background-color: #c8c8c8; color: #111}
.btn-over-dis{ cursor:default; color:#999}
.btn-over-dis:hover{background-color: #e8e8e8; color: #999;}
.label-start,.label-prepare,.label-over{ font-weight:bold}
.label-start{ color:#e94b55}
.label-prepare{ color:#ff9500}
.label-over{ color:#999}
/*翻页*/
.pagination { clear: both; height: 35px; text-align: center; padding-top: 10px; }
.pagination a { display: inline-block; background-color: #FFF; color: #000; text-align: center; border: 1px solid #DDD; padding: 5px 13px; margin: 0 2px; line-height: 20px; font-size: 14px; }
.pagination a:hover { border: 1px solid #C30; text-decoration: none; }
.pagination a.dis { color: #999; }
.pagination a.dis:hover { color: #999; border: 1px solid #DDD; cursor: default }
.pagination a.cur { background-color: #C30; color: #FFF; border: 1px solid #C30; cursor: default }
.isStuck { display: block }
#scrollUp { background: url(../images/icon_top.png) no-repeat scroll 0 0; bottom: 20px; height: 45px; right: 20px; width: 45px; }
#scrollUp:hover { background: url(../images/icon_top_on.png) no-repeat scroll 0 0; }
.pic_activity { clear: both; height: 90px; overflow: hidden; }
/*新闻动态时间轴*/
.mod-news-list { padding-top: 25px; }
.mod-news-list h3 { color: #333; height: 40px; font-size: 16px }
.mod-news-list li { background: url(../images/timeline.png) no-repeat; margin-bottom: 8px; height: 40px; line-height: 40px; padding: 5px 0 15px 15px; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis }
.mod-news-list li span { padding-right: 10px; }
.mod-news-list2 li { background: url(../images/timeline.png) repeat-y scroll 0 18px; height: 36px; line-height: 36px; margin-bottom: 0; }
.mod-news-list2 li a:hover { color: #d7010b }
.mod-comment-list{padding-top: 25px;}
.mod-comment-list li{ height:40px; margin:10px 0; overflow:hidden;}
.mod-comment-list li span,.mod-comment-list li b{height: 34px; font-size:12px; line-height: 18px; width:125px; float:left; padding-left:5px; overflow:hidden; }
.mod-comment-list li b{ width:70px; padding-right:5px; background:url(../images/i_item_comment.png) no-repeat; line-height:34px;  white-space: nowrap;overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; padding:0; text-align:center; font-weight:normal}
.mod-comment-list li b a{ color:#c00}
.column-sidebar-tit { height: 20px; line-height: 20px; text-align: center; font-size: 16px; border-bottom: 1px solid #EEE; position: relative; margin-bottom: 25px; }
.column-sidebar-tit em { background-color: #fff; bottom: -10px; display: inline-block; height: 20px; left: 50%; line-height: 20px; margin: 0 auto auto -50px; position: absolute; text-align: center; width: 100px; }
.mod-news-list3 { padding-top: 10px; }
.mod-news-headline { margin-bottom:10px; }
.mod-news-headline span{ float:left; width:100px; height:100px; }
.mod-news-headline span img { width:100%; display:block; height:100%; }
.mod-news-headline h3 { margin-left:115px; font-size:16px; height:30px; line-height:30px; color:#444; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; margin-bottom:10px; }
.mod-news-headline p { margin-left:115px; line-height:22px; color:#777; height:62px; overflow:hidden; }
.mod-news-list3 li { background: url(../images/item_dian.png) no-repeat left center; height: 40px; line-height: 30px; padding: 5px 0 5px 15px; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.mod-news-list3 li a:hover { color: #d7010b; }
.mod-news-list3 li span { padding-left: 10px; float:right; }

/*注册登录*/
.reg-form-tit { border-bottom: 2px solid #EEE; height: 40px; }
.reg-form-tit span { display: inline-block; padding: 10px 15px; font-size: 16px; height: 40px; line-height: 20px; border-bottom: 3px solid #E32A2D }
.reg-content { margin: 20px auto; width: 800px; background: #fff; padding: 30px 0 20px; position: relative }
.reg-content.switching { -webkit-transform: perspective(2000px) rotateY(-90deg); -webkit-animation: flip .4s linear, flip_out .4s .41s linear; transform: perspective(2000px) rotateY(-90deg); animation: flip .4s linear, flip_out .4s .41s linear }
 .switch-email-signup { font-size: 16px; margin-bottom: 50px; display: block }
 .clear-input { box-sizing: border-box; width: 100% }
 .holder { width: 730px; margin: 0 auto; position: relative }
 .with-line { font-size: 16px; color: #999; margin: 20px auto; position: relative; text-align: center }
 .with-line:before { content: ""; border-top: 1px solid #ededed; display: block; position: absolute; width: 100px; top: 10px; left: 0 }
 .with-line:after { content: ""; border-top: 1px solid #ededed; display: block; position: absolute; width: 100px; top: 10px; right: 0 }
 .buttons a { display: inline-block; margin-right: 10px; width: 64px; height: 64px; background: url(../images/icon-login.png) 0 0 no-repeat }
 .buttons a:last-child { margin-right: 0 }
 .buttons a.sinaweibo:hover { background-position: 0 -80px }
 .buttons a.sinaweibo:active { background-position: 0 -160px }
 .buttons a.qqconnect { background-position: -80px 0 }
 .buttons a.qqconnect:hover { background-position: -80px -80px }
 .buttons a.qqconnect:active { background-position: -80px -160px }
 .buttons a.WeChat { background-position: -160px 0 }
 .buttons a.WeChat:hover { background-position: -160px -80px }
 .buttons a.WeChat:active { background-position: -160px -160px }
 .buttons a.renren { background-position: -240px 0 }
 .buttons a.renren:hover { background-position: -240px -80px }
 .buttons a.renren:active { background-position: -240px -160px }
 .sign-up { margin-top: 30px }
 .sign-up .buttons { margin: 20px 0 20px -15px; width: 316px }
 .sign-up .buttons a { margin-right: 20px }
 .sign-up .switch { position: absolute; right: 20px; bottom: 20px }
 .login .holder { margin-top: 20px }
 .buttons { margin: 15px 0 20px; text-align: center; }
 .login .mail-login { margin-top: 15px }
 .login .switch-back { text-align: right; margin: 10px 0 }
 .login .reset-password { position: absolute; left: 0; bottom: 0 }
 .reset .holder { margin-top: 30px }
 .reset .back { text-align: left; display: block }
 .email-signup .holder { margin-top: 20px }
 .email-signup .signup-form .email-signup-back { display: block; text-align: left; margin: 15px 0 10px }
 .email-signup .signup-success { margin-top: 30px; width: 450px; margin: 30px auto 0 }
 .email-signup .signup-success .with-line { font-size: 18px; color: #444 }
 .email-signup .signup-success .with-line:before,  .email-signup .signup-success .with-line:after { width: 160px }
 .email-signup .signup-success .text { margin: 20px -30px 0; line-height: 20px }
 .email-signup .signup-success .text .email { color: #2FC2EF; padding: 0 3px }
 .email-signup .signup-success .text a { padding: 0 3px }
 .email-signup .signup-success .resend.disabled { color: #999 }
 .email-signup .signup-success .resend span { padding: 0 3px }
 .email-signup .signup-success .login-link { display: block; margin-top: 30px }

 .top-nav-photographer { height: 50px; background:#cc1720; color:#FFF; position: fixed; top: 0px; z-index: 1002; width: 100%; display:flex; }
.top-nav-photographer .home-link a{ color:#FFF; line-height:50px; font-size:24px; padding:0 15px 0 20px; }
.top-nav-photographer .home-link a i { font-size:24px; }
.top-nav-photographer .home-link a ifa-angle-left { font-size:28px; }
.top-nav-photographer .top-nav-photographer-tit { text-align:center; flex:1; width:100%; line-height:50px; font-size:16px; }
.justify-content-between {
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}
 .scpo-photographer-site { margin-bottom:10px; }
.scpo-photographer-site li{ float:left; margin:2px 2px; }
.scpo-photographer-site li a {  display:block; padding:3px 20px; background-color:#EEE; line-height:30px;}
.scpo-photographer-site li a:hover { background-color:#cc1720; color:#FFF; }
.scpo-photographer-site li.active a { background-color:#cc1720; color:#FFF; }

.scpo-photographer { padding:5px; }
.scpo-photographer .mod-focus-tit .color-red { color:#cc1720; }
.scpo-photographer .mod-focus-tit .scpo-photographer-tip { font-size:16px; color:#aaa; font-weight:normal; }
.scpo-photographer-item { float:left; margin:1.5%; position:relative; padding:10px 15px 10px 110px; background-color:#FFF; box-shadow:0 2px 4px rgba(0, 0, 0, 0.1); border:1px solid #EEE; min-height:118px; width:30%; border-radius:3px; }
.scpo-photographer-item:hover { cursor:pointer; border-color:#cc1720; box-shadow:0 2px 4px rgba(204, 23, 32, 0.22); }
/*.scpo-photographer-item:before { content:" "; background:url(../images/i_teyue_zhang.png) no-repeat center; position:absolute; background-size:100% auto; width:60px; height:60px;right:5px; top:0; }*/
.scpo-photographer-item img{ position:absolute; /*width:70px;*/ height:98px; left:20px; top:10px; }
    .scpo-photographer-item .img-photographer { position:absolute; width:68px; height:98px; left:20px; top:10px; }
.scpo-photographer-item h3 { line-height:24px; font-size:18px;  }
.scpo-photographer-item h4 { color:#AAA; padding:5px 0; font-weight:normal; }
.scpo-photographer-item h4 a { color:#AAA }
.scpo-photographer-item h4 a:hover { color:#cc1720 }
.scpo-photographer-item p { color:#777;  padding:3px 0; font-size:14px; line-height:20px; margin-top:20px;position: absolute;
    bottom: 10px;  }
.scpo-photographer-item p a { color:#cc1720 }

.scpo-photographer-detail { padding:20px 20px 5px 20px; }
.scpo-photographer-detail .logo {padding:10px 10px 15px 10px; }
.scpo-photographer-detail .logo img { display:block; margin:0 auto; max-height:80px; }
.scpo-photographer-detail-tit { font-size:28px; line-height:36px; text-align:center;  }
.scpo-photographer-detail-name img{ width:200px; height:280px; display:block; margin:10px auto; }
.scpo-photographer-detail-name h3 { font-size:20px; text-align:center;line-height:24px; }
.scpo-photographer-detail-name h4{ font-size:18px; margin-top:15px; font-weight:normal; text-align:center;line-height:24px; }

.m-photographer-wrap { padding-top:60px; }
.m-photographer-wrap .scpo-photographer-site li a { padding:3px 10px; }
.m-photographer-wrap .mod-focus-tit2 { font-size:18px;  }
.m-photographer-wrap .scpo-photographer-item { width:94%; margin:5px 3%; }
.m-photographer-wrap .modal-body { background-color:#FFF;    border: 1px solid rgba(0,0,0,.2);
    border-radius: 5px; margin:0 10px;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.2);
    box-shadow: 0 3px 9px rgba(0,0,0,.2); }
.m-photographer-wrap .scpo-photographer-detail {padding: 5px 10px 5px 10px; }
.m-photographer-wrap .scpo-photographer-detail-name img { height:220px; max-width:100%; width:auto; }
.m-photographer-wrap .scpo-photographer-detail .logo img { max-width:100%; }
.nav-help li a { display: block; height: 100%; padding: 0 15px; border-radius:0; font-size: 14px; line-height: 40px; color: #444; transition: all 0.4s ease-out 0s; }
.nav-tabs > li > a { font-size:16px; font-weight:bold; }
.nav-help li a:hover { background-color: #cc1720; color: #FFF; }
.nav-help li.active a { background-color: #cc1720; color: #FFF; border: 1px solid #cc1720; }
.nav-help > li.active > a, .nav-help > li.active > a:hover, .nav-help > li.active > a:focus { color: #FFF; cursor: default; background-color: #cc1720; border: 1px solid #cc1720; border-bottom-color: transparent; }
.nav-help-sub { border-bottom:none; }
.nav-help-sub li a { display: block; height: 100%; padding: 0 15px; border-radius:0; font-size: 14px; background-color: #EEE; line-height: 30px; transition: all 0.4s ease-out 0s; }
.nav-help-sub li a:hover { background-color: #cc1720; color: #FFF; }
.nav-help-sub li.active a { background-color: #cc1720; color: #FFF; border: 1px solid #cc1720; }
.nav-help-sub > li.active > a, .nav-help-sub > li.active > a:hover, .nav-help-sub > li.active > a:focus { color: #FFF; cursor: default; background-color: #cc1720; border: 1px solid #cc1720; border-bottom-color: transparent; }
.help-content-item-tit {padding:10px 0; line-height:22px; font-size:16px; font-weight:bold; margin:10px 0; background-color:#f4f4f4 }
.help-content-item-tit span { display:inline-block; margin-right:15px; height:22px; width:4px; vertical-align:top; background-color:#cc1720; margin-left:7px; }
.help-content-tip-tit {padding:10px 0; }
.help-content-tip-tit span{height:30px; line-height:30px; color:#cc1720; font-weight:bold; display:inline-block; }
.help-content-item-detail { margin-bottom:20px;  }
.help-content-item-detail p{ text-indent:2em; }
.mod-focus-c .help-content-item-detail p { text-indent:2em; color:#999}
.help-icon { height:40px; width:40px; background-color:#cc1720; text-indent:0; margin:0 5px; color:#FFF; font-size:16px; text-align:center; line-height:40px; display:inline-block; }
span.help-icon .fa { margin-right:0 }

/*间距*/
.pad-top { padding-top: 10px; }
.margin-top-10 { margin-top: 10px; }
.margin-top-20 { margin-top: 20px; }
.color-red { color:#F10 }
/*foot*/
#foot { background-color: #333; padding: 25px 0 20px 0; }
.foot_cont { width: 1180px; margin: 0 auto; }
.foot_cont dl { float: left; width: 18%; padding: 0 40px 0 40px; box-sizing: border-box }
.foot_cont dl.col-w-1 { width: 28%; }
.foot_cont dl.col-w-2 { width: 17%; }
.foot_cont dl.col-w-3 { padding: 0 20px 0 40px; width: 15% }
.foot_cont dl.col-w-4 { width: 19% }
.foot_cont dl.col-w-5 { width: 20%; text-align: center }
.foot_cont dl dt { color: #FFF; height: 24px; line-height: 24px; padding: 0 10px 5px 0px; }
.foot_cont dl dt a { color: #FFF; }
.foot_cont dl.col-w-5 dt { margin-bottom: 25px; }
.foot_cont dl { border-right: 1px solid #505050; height: 180px; }
.foot_cont dl.col-w-1, .foot_cont dl.col-w-3 { border: none; }
.foot_cont dl dd li { height: 26px; color: #999; line-height: 26px; padding-bottom: 5px; }
.foot_cont dl dd li a { color: #999; font-size: 12px; display: block; }
.foot_cont dl dd li a.link-inline { display: inline; }
.foot_cont dl.col-w-5 dd li a { display: inline-block; margin: 0 5px; }
.foot_cont dl dd li a:hover, .foot_cont dl dt a:hover { color: #cc1720 }
.foot_cont dl.col-w-5 dd li a:hover { color: #FFF }
.foot_cont dl dd li.social-link {
    height: auto;
    padding-left: 30px;
}
.foot_cont dl dd li.social-link a {
    display: inline-block;
    margin: 0 5px;
}
.mod-weixin-code2 { background-color: #424242; transition: all 0.2s ease-in-out; border: 1px solid #424242; border-radius: 2px; cursor: default; height: 155px; line-height: 24px; text-align: center; width: 150px; z-index: 101; }
.mod-weixin-code2 .u-code-img { height: 120px; overflow: hidden; text-align: center; vertical-align: middle; }
.mod-weixin-code2 .u-code-img img { height: 112px; width: 112px; margin-top: 10px; }
.u-share-1 { display: inline-block; width: 48px; height: 48px; border-radius: 30px; background-color: #414141; vertical-align: middle; text-align: center; line-height: 60px; }
.u-share-1 .fa { margin: 0; }
.u-share-1 .fa-2 { font-size: 3em; }
/*分享*/
.mod-social {position: fixed; right: -1px; z-index: 999; bottom: 100px; width: 48px;}
.mod-social ul{ position:relative}
.mod-social ul li { width: 48px; height: 48px; margin-top:-1px; border: #e4e4e4 1px solid; background-color:#FFF; text-align:center; position:relative }
.mod-social ul li a{ display:block; color:#a5a5a5; height:48px; position:relative; overflow:hidden;}
.mod-social ul li .fa{ font-size:1.8em; line-height:1.8em;}
.mod-social ul li.gotop{ position:absolute; bottom:-47px;}
.mod-social-item { position: absolute; right: 43px; top: -1px; width: 97px; display:none; }
.mod-social-item-1{ width:94px;}
.mod-social-item a { float: left; width: 48px; height: 48px; border: #e4e4e4 1px solid; display:inline-block; background-color:#FFFFFF; margin:0 0 -1px -1px;  position: relative  }
.mod-social a:hover{ background-color:#cc1720; border:1px solid #cc1720; color:#FFF;}
.weixin-code{ position:absolute; display:none; right:46px; bottom:-1px; background-color: #FFF; border: 1px solid #e4e4e4; border-radius: 2px; padding:3px 5px 4px 5px;}
.weixin-code .u-code-img { height: 120px; overflow: hidden; text-align: center; vertical-align: middle; }
.weixin-code .u-code-img img { height: 112px; width: 112px; }
.weixin-code b{ display:block; font-weight:normal;color:#999}
.mod-social-item a .weixin-code{ color:#999}
.mod-social ul li i{ position:absolute; bottom:0; width:100%; left:0;}
.mod-social ul li s{ position:absolute; padding:5px 5px 0 5px;  width:100%; left:0; height:100%; line-height:18px; bottom:-50px;}
.mod-social ul li a:hover i{ bottom:50px; transition:bottom 0.5s}
.mod-social ul li a:hover s{ bottom:0; transition:bottom 0.5s}
#weixin_share{ bottom:92px; right:0}
.icon-qzone{ background:url(../images/social_share.png) 0 -246px; display:inline-block; height:100%;}
.mod-social ul li .fa-weight{ font-weight:bold}
.mod-social a:hover .icon-qzone{background:url(../images/social_share.png) -47px -246px;}
.qr_code_pc_outer {
    color: #717375;
    display: block !important;
    position: fixed;
    right: 5px;
    text-align: center;
    bottom: 5px;
}