@charset "utf-8";

.width{width:100%;max-width:1280px;min-width:1280px;margin:0 auto;}
.ui-topbar{background:#f8f8f8;border-bottom:1px solid #eaeaea;padding:0;min-width:1280px;display:block;}
.ui-topbar i{color:#ccc;margin:0 5px;}
.ui-topbar .ui-row{align-items:center;}
.ui-topbar .ui-nav{border:0;line-height:1.5}
.ui-topbar .ui-nav ul li a{color:#333;border:1px solid #f8f8f8;border-bottom:0;border-top:0;padding:10px 15px;}
.ui-topbar .ui-nav ul li a span{font-size:12px;color:#999;margin-left:6px;transition:all .5s ease 0s;z-index:21;}
.ui-topbar .ui-nav ul li a:hover{border-width:1px;border-color:#d9d9d9;background:#fff;}
.ui-topbar .ui-nav ul li.active a{border:1px solid #d9d9d9;border-bottom:0;border-top:0;background:#fff;}
.ui-topbar .ui-nav ul li.active span{transform:rotate(180deg);}
.ui-topbar .ui-nav ul li ul{border-top:0;box-shadow:none;min-width:114px;z-index:20;right:0;}
.ui-topbar .ui-nav ul li.active ul li a{border:0;}
.ui-topbar .ui-nav ul li ul li a:hover{background:#1890FF;}


body{background:url(../images/bg.gif) repeat-x top;background-color:#fff;margin:auto;font-size:16px;color:#6F6C6C;line-height:22px;padding:0px;}
img{border:0px}
table{margin:auto}

a:link{color:#333;text-decoration:none;}
a:visited{color:#333;text-decoration:none;}
a:hover{color:#0C78C0;text-decoration:underline;}
a:active{color:#0C78C0;text-decoration:underline;}

#divmain{width:1280px;margin:auto;overflow:hidden;}

/*顶部****www.scdy.net******/
#divTop{width:1280px;line-height:25px;margin:auto;overflow:hidden;height:120px;}
#divTop_l{width:550px;float:left;margin:auto;}
#divTop_r{width:200px;height:45px;float:right;margin:auto;text-align:right;}
#divTop_l h1{display:block;float:left;width:677px;height:90px;margin:auto;margin-top:20px; background:url(/images/logo.png) no-repeat top;}
#divTop_l h1 a{display:block;width:100%;height:100%;}

  ul{     list-style:none;  } 
  a{     text-decoration:none; }  /*设置二级导航样式*/   
  .nav {     width:1280px; border-top:solid 1px #0C78C0; margin:auto; text-align:center;  height:35px;font-size:16px;font-family:"微软雅黑", "宋体"; } 
  .nav ul li {   width:200px; text-align:center;    height:35px;   float:left;  font-size:16px;    position:relative; } 
  .nav ul li a { color:#0C78C0;   display:block;  width:200px;   font-size:16px;   height:35px;      line-height:35px;      text-align:center; }

  .nav ul li a:hover {color:#0C78C0;background:#fafafa; font-size:16px; }  /*设置一级导航样式*/
  .nav ul li  span{ float:left; margin:auto; padding:inherit; } 
  .nav ul li ul{      display:none;border-bottom:solid 1px #0C78C0; text-align:center; font-size:16px;} 
  .nav ul li ul li{   width:200px; background:#fafafa; height:35px;  text-align:center; margin:auto; float:left;      position:relative; } 
  .nav ul li:hover ul{     display:block;font-size:14px;  text-align:center;   width:200px;     position:absolute; left:0px;   top:35px;    } 
  .nav ul li:hover ul li a{  color:#0C78C0; font-size:14px; display:block;   width:200px;     height:35px;     line-height:35px;     text-align:center; } 
  .nav ul li:hover ul li a:hover{  color:#0C78C0; font-size:14px;text-align:center;} 
  /*设置三级导航样式*/
  .nav ul li:hover ul li ul {      display:none; } 
  .nav ul li:hover ul li:hover ul{      display:block; font-size:16px;     width:110px;      position:absolute;    top:0px;      left:110px; background:#0080cf;}
  .nav ul li:hover ul li:hover ul li {      width:200px;      height:50px; } 
  .nav ul li:hover ul li:hover ul li a {   font-size:16px;   display:block;  color:#FFFFFF;    width:110px;    height:40px;  background:#0080cf;    line-height:50px;text-align:center;  }
  .nav ul li:hover ul li:hover ul li a:hover { font-size:16px;  background:#0080cf;color:#801f1b;} 

#banner{width:1280px; margin: 0px auto;  height:300px; overflow:hidden; }
.banner .d1{width:100%;height:300px;display:block;position:absolute;left:0px; }
.banner .d2{width:100%;height:30px;clear:both;position:absolute;z-index:1;left:0px;}
.banner .d2 ul{float:left;position:absolute;left:50%;top:0; margin:auto;display:inline;}
.banner .d2 li{width:17px;height:15px;overflow:hidden;cursor:pointer;float:left; margin:100px auto 0px;display:inline;}
.banner .d2 li.nuw{}

/*首页***www.scdy.net****/
.menus{height:30px;line-height:30px;margin:auto;float:left; background:url(../images/i01.gif) no-repeat left center; font-family:"微软雅黑", "宋体";font-size:14px; text-indent:10px;width:100%;}
#ileft{width:230px;margin:auto;float:left;margin-top:10px;}
#ileft #aboutimg{width:100%;margin:10px auto 0px;float:left;height:190px; overflow:hidden; text-align:left;}

#icenter{width:480px;margin:auto;float:left;margin-top:10px;margin-left:30px;}
#icenter #newstitle{width:100%;font-size:14px;font-weight:bold;margin:auto;float:left;color:#236FA1;text-align:left;margin-top:5px;}
#icenter #newstitle a{color:#236FA1;}
#icenter #newsbox{height:70px;margin:auto;float:left;width:100%;text-align:left;margin-top:5px; overflow:hidden;}
#icenter ul{margin:auto;float:left;padding:0px;text-align:left;border-top:dashed 1px #ccc; list-style:none;margin-top:15px;padding-top:15px;}
#icenter ul li{width:100%;margin:auto;float:left;background:url(../images/ico.gif) no-repeat left center;text-indent:10px;color:#656565;line-height:30px;border-bottom:dotted 1px #ccc;}
#icenter ul li a{float:left;color:#656565;}
#icenter ul li span{float:right;}


#iright{width:230px;margin:auto;float:left;margin-top:10px;margin-left:30px;}
#iright #contact{width:100%;height:150px;margin:auto;float:left;}
#iright #icase{width:100%;MARGin:auto;float:left; overflow:hidden;height:190px;margin-top:10px;}
#iright #icase #demo{overflow:hidden;height:190px;width:100%;}
#iright #icase #demo img{width:100%;}

/********内页****************www.scdy.net***/
#n_left{width:200px;margin:auto;float:left;margin-top:10px;}
#n_left #titles{width:100%;text-align:center;margin:auto;float:left;line-height:32px;background:url(../images/i_05.gif) no-repeat left; overflow:hidden;font-size:16px;color:#fff;font-family:"微软雅黑", "宋体";height:37px;}
#n_left ul{text-align:left;margin:auto;list-style:none;width:100%;padding:0px;overflow:hidden;float:left;font-size:14px;}
#n_left ul li{text-align:center;margin:auto;width:100%;height:32px;line-height:32px;margin-top:5px;}
#n_left ul li a{width:100%;line-height:32px;text-decoration:none;color:#333;display:block;background:url(../images/i_06.gif) no-repeat center top;}
#n_left ul li a:hover{width:100%;line-height:32px;text-decoration:none;color:#fff;display:block;background:url(../images/i_07.gif) no-repeat center top;}
#n_left .onclic{width:100%;line-height:32px;text-decoration:none;color:#fff;display:block;background:url(../images/i_07.gif) no-repeat center top;}
#n_left #contac{width:100%;height:61px;float:left;margin-top:10px;background:url(../images/i_08.gif); display:block;}


#n_right{width:770px;margin:auto;float:left;margin-left:20px;margin-top:10px;}
#n_right #titles{width:750px;margin:auto;float:left;background:url(../images/i_09.gif) no-repeat left;height:30px;text-align:right;padding:0 10px;}
#n_right #titles h2{font-size:16px;float:left; font-family:"微软雅黑", "宋体";color:#333; text-indent:25px;margin:auto;}
#n_right #titles .nows{float:right;margin:auto; text-align:left;}
#n_right #n_r_m{width:770px;padding:10px 0;margin:auto;float:left;}

#n_right #ulnews{margin:auto;padding:0px;list-style:none;width:100%;text-align:center;float:left;}
#n_right #ulnews li{line-height:30px;height:30px;width:100%;margin:auto;text-align:left;font-size:14px;background:url(../images/ico.gif) no-repeat left;text-indent:15px;float:left;border-bottom:dotted 1px #ccc;}
#n_right #ulnews li a{float:left;}
#n_right #ulnews li span{float:right;margin:auto;width:100px;color:#999;}

#n_right #ulimg{margin:auto;padding:0px;list-style:none;width:100%;text-align:center;}
#n_right #ulimg li{line-height:30px;width:192px;margin:auto;text-align:center;font-size:14px;float:left;}
#n_right #ulimg li img{width:180px;height:120px;}

#n_right #ulimg1{margin:auto;padding:0px;list-style:none;width:100%;text-align:center;}
#n_right #ulimg1 li{line-height:30px; width:360px; margin:10px 10px 10px 10px;text-align:center;font-size:14px;float:left;}
#n_right #ulimg1 li div{ width:360px;overflow:hidden;}
#n_right #ulimg1 li img{max-height:240px;_height:expression(this.height > 240 ? "240px" : this.height); margin:auto; }

#n_right #showconte{width:100%;margin:auto;float:left;}
#n_right #title{width:100%;margin:auto;float:left;text-align:center;font-size:22px;font-weight:bold;color:#2272AD;border-bottom:solid 1px #ccc;line-height:40px;margin-top:20px;line-height:40px;}
#n_right #times{width:100%;margin:auto;float:left;text-align:center;line-height:30px;}
#n_right #shows{width:100%;margin:auto;float:left;text-align:left;margin-top:10px;}
#n_right #show{width:100%;margin:auto;float:left;text-align:left;margin-top:10px;}


/*Foot*/
.divFoot{ max-width:1280px;margin:auto;overflow:hidden;color:#666;padding:15px 0px;margin-top:10px;border-top:solid 1px #ccc;}
.divFoot a{color:#666;}
.divFoot #footleft{width:50%;margin:auto;float:left; line-height:40px;}
.divFoot #footright{width:50%;margin:auto;float:right;line-height:40px; text-align:right;}

/*******导航条*******/
.menu .cls {clear: both;}
.menu a:focus {outline: none; }
.menu {height:35px;display: block;padding:0px;width:1280px;margin:auto;border-top:solid 1px #0C78C0;}
.menu ul {list-style: none;padding: 0;margin: 0;}
.menu ul li {float: left;overflow: hidden;position: relative;line-height:35px;text-align:center;}
.menu ul li a {position: relative;display: block;width:142px;height:35px;font-size:14px;text-decoration: none;cursor: pointer;}
.menu ul li a span {position: absolute;left: 0;width:142px;}
.menu ul li a span.out {top:0px;}
.menu ul li a span.over,
.menu ul li a span.bg {top:-35px;}

#menu1 {background-repeat: repeat-x;background-position: 0px 0px;}
#menu1 ul li a {color: #0C78C0;}
#menu1 ul li a span.over {color: #0C78C0;}
#menu1 ul li span.bg {height:35px;}

.header{padding:20px 0;align-items:center;}
.header .ui-col-4{display:flex;justify-content:flex-end;align-items:center;}
.header .ui-col-4 .icon{padding-right:10px;}
.header .ui-col-4 .icon i{font-size:44px;color:#1e50ae;}
.header .ui-col-4 .text .text-gray{font-size:14px;line-height:normal;}
.header .ui-col-4 .text .telphone{font-size:22px;color:#0E77EA;}



.banner{width:1280px;z-index:10;background:#fff; overflow:hidden; margin:auto;}
.banner .ui-carousel-item a{display:block;min-width:1280px;width:100%;}
.banner .ui-carousel-page{bottom:25px;}
.banner .ui-carousel-page li{height:6px;width:50px;border-radius:10px;}
.banner_inner{background:linear-gradient(to right, #0E77EA, #7F61FF);min-width:1280px;}
.banner_inner .width{height:400px;padding-left:120px;position:relative;}
.banner_inner .title{color:#fff;font-size:46px;font-weight:600;padding-top:100px;}
.banner_inner .title span{font-size:24px;margin-left:20px;border-left:1px solid #56b8ee;padding-left:20px;font-weight:300;text-transform:capitalize}
.banner_inner .intro{color:#fff;font-size:18px;margin-top:10px;font-weight:300;}
.banner_inner .position{position:absolute;bottom:-1px;left:0;right:0;padding:15px 20px;background:rgba(255,255,255,.9);border-radius:4px 4px 0 0;box-shadow:0px 0px 30px rgba(0,0,0,0.1);}
.nav ul{z-index:30 !important;}
.topsearch{background:#f7f7f7;padding:10px 0 6px 0;border-bottom:1px solid #f3f3f3;}
.topsearch .ui-row{align-items:center;}
.topsearch .ui-col-8{color:#999;}
.topsearch .ui-col-8 a{margin:0 6px;}
.topsearch form{margin:0;}
.topsearch form .ui-form-group{margin:0;}
.topsearch form .ui-form-group .ui-form-ip{font-size:15px;}
.topsearch form .ui-form-group .ui-form-ip::-webkit-input-placeholder{font-size:15px !important}
.topsearch form .ui-form-group .ui-form-ip::-moz-placeholder{font-size:15px !important}
.topsearch form .ui-form-group .ui-form-ip::-ms-input-placeholder{font-size:15px !important}
.topsearch form .ui-form-group .ui-form-ip::-ms-input-placeholder{font-size:15px !important}
.topsearch form .ui-form-group .ui-form-ip::placeholder{font-size:15px !important}
.topsearch form .ui-form-group .ui-form-ip:focus{border-color:#ced4da;box-shadow:none;}
.topsearch form .ui-form-group .after{background:#0E77EA;border-color:#0E77EA;color:#fff;min-width:60px;}
.topsearch form .ui-form-group select{max-width:100px;border-radius:4px 0 0 4px;margin-right:-1px;}
.topsearch form .ui-form-group input{border-radius:0;border-right:0;}

.home-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;} 
.home-title .home-title-name{font-size:22px;color:#333;padding-bottom:10px;}
.home-title .home-title-name:after{display:block;content:"";border-bottom:2px solid #0E77EA;width:45px;padding-top:15px;}
.home-title .home-title-name span{font-size:15px;color:#9e9e9e;margin-left:10px;}
.home-title .home-title-more{}
.home-title .home-title-more a{display:inline-block;border:1px solid #eee;padding:15px 20px;margin-left:10px;line-height:normal;border-radius:4px;color:#666;}
.home-title .home-title-more a:hover,.home-title .home-title-more a.active{background:#0E77EA;border-color:#0E77EA;color:#fff;}

.home_about{padding:40px 0;min-width:1280px;}
.home_about .width{box-shadow:0px 10px 20px rgba(0,0,0,0.35);}
.home_about .ui-col-8{padding:40px; }
.home_about .ui-col-8 h4{font-size:24px;color:#060d33;font-weight:500;}
.home_about .ui-col-8 .intro{color:#666;margin-top:20px;  }
.home_about .ui-col-8 .intro p{margin-bottom:20px;line-height:28px;}
.home_about .ui-col-8 .more{display:inline-block;padding:10px 40px;color:#666;border:1px solid #eee;border-radius:50px;box-shadow:0 5px 15px 0 #eee;}
.home_about .ui-col-8 .more:hover{background:#0E77EA;border-color:#0E77EA;color:#fff;}
.home_about .ui-col-4{background:#fff;font-size:0;padding:8px; }
.home_about .ui-col-4 video{background:#000;}

.home_news{margin-top:30px;display:flex;flex-wrap:wrap;}
.home_news .home_news_item{margin:0 30px 30px 0;width:625px;}
.home_news .home_news_item:nth-child(even){margin-right:0;}
.home_news_body{box-shadow:0px 0px 4px rgba(0, 0, 0, 0.1);backgroud:#fff;padding:20px;border-radius:5px;display:flex;align-items:center;}
.home_news_body .date{width:90px;text-align:center;padding-right:20px;margin-right:30px;border-right:1px solid #eee;}
.home_news_body .date h4{font-size:30px;font-family:Politica;color:#999;margin:0;}
.home_news_body .date p{color:#999;font-size:14px;font-family:Verdana;}
.home_news_body .body{flex:1;overflow:hidden;transition:all 0.5s ease;}
.home_news_body .body h4{font-size:18px;font-weight:400;color:#515050;}
.home_news_body .body p{color:#c2c2c2;}
.home_news_body .body h4 a:hover{color:#0E77EA;}
.home_news_body:hover{box-shadow:0px 0px 30px rgba(0, 0, 0, 0.15);}
.home_news_body:hover .body{transform:translateX(5px);}
.home_news_item:hover .body h4 a{color:#1890FF;}
.home_news_item:hover .body p{color:#666;}

.partners{margin-top:30px;display:flex;flex-wrap:wrap;list-style:none;}
.partners li{margin:0 30px 20px 0;width:232px;text-align:center;color:#999;}
.partners li:nth-child(5n){margin-right:0;}
.partners li img{width:100%;height:104px;border:1px solid #eee;margin-bottom:10px;border-radius:2px;}
.partners li img:hover{box-shadow:0 0 30px rgba(0, 0, 0, 0.15);}
.partners li p{padding:0 10px;}

.link{margin-top:20px;}
.link a{display:inline-block;margin-right:15px;border:1px solid #eaeaea;padding:10px 15px;color:#666;border-radius:5px;margin-bottom:10px;background:#fff;}
.link a:hover{border-color:#ccc;}

.footer{border-top:4px solid #0E77EA;background:#19171a;padding:40px 0;min-height:200px;color:#8b8b8b;min-width:1280px;}
.footer_item{width:15%;padding-left:4%;border-left:1px solid #444;position:relative;}
.footer_item:after{display:block;content:"";width:3px;height:30px;top:0;left:-2px;position:absolute;background:#0E77EA;}
.footer_item h4{font-size:18px;color:#fff;}
.footer_item h5{font-size:16px;color:#fff;}
.footer_item .footer_menu{line-height:36px;}
.footer_item .footer_menu a{display:block;color:#8b8b8b;transition:all 0.5s ease;}
.footer_item .footer_menu a:hover{color:#fff;transform:translateX(10px);}

.footer_last{width:auto;padding-left:4%;}
.footer_tel{font-family:'Impact';font-size:30px;color:#fff;}
.footer_tel img{max-width:100px;margin-top:10px;display:block;}

.copyright{background:#19171a;line-height:26px;padding:15px 0;text-align:center;color:#8b8b8b;border-top:1px solid #333;min-width:1280px;}
.copyright a{color:#8b8b8b;}
.copyright a:hover{color:#0E77EA;}

.container{min-height:300px;}
.container .width{margin:30px auto;}
.container-left{width:250px;margin-right:30px;}
.container-right{flex:1;overflow:hidden;}


/* public begin */
.ui-piclist-title{padding:6px 10px; }
.ui-piclist-image img{transition:all 1s; }
.ui-piclist-image:hover img{transform:scale(1.2);}

.ui-box{box-shadow:0px 0px 30px rgba(0,0,0,0.1);border:1px solid #f3f3f3;background:#fff;}
.ui-box-radius{border-radius:20px 0 0 0;}
.ui-box-radius .ui-box-title{border-radius:20px 0 0 0;}
.ui-box-title{background:linear-gradient(90deg, #0E77EA 0%, #1e50ae 100%);color:#fff;font-size:24px;font-weight:400;padding:30px;}
.ui-box-title span{display:block;font-size:14px;color:#eaeaea;font-weight:300;text-transform:uppercase;line-height:30px;}

.ui-collapse-menu{margin:15px 0;}
.ui-collapse-menu-title a{transition:all 0.5s ease;}
.ui-collapse-menu-title:hover a{padding-left:10px;}
.ui-collapse-menu-body li a{transition:all 0.5s ease;}
.ui-collapse-menu-body li a:hover{padding-left:10px;}
.ui-collapse-menu-body li i{color:#999;}
.ui-collapse-menu-body ul li.active i{color:#1890FF;}
.ui-collapse-menu-body ul li.active a{color:#1890FF;}

.ui-box-h2{font-size:24px;padding:20px 30px;border-bottom:1px solid #eaeaea;position:relative;}
.ui-box-h2:after{position:absolute;display:block;content:"";border-bottom:3px solid #0E77EA;bottom:0;left:30px;width:45px;}
.ui-box-body{padding:25px 30px;word-break:break-all;min-height:380px;}
.ui-box-body .col-10{max-width:760px;}

.ui-box-body img,.ui-box-body p img{max-width:100%;}
.ui-box-body p{margin-bottom:20px;line-height:24px;}
.ui-box-body .content a{color:#03C;}
.ui-box-body .content a:hover{color:#f30;}

.artlist{}
.artlist-item{display:flex;justify-content:space-between;border-bottom:1px solid rgba(0,0,0,.06);min-height:160px;padding:30px 0;}
.artlist-item:first-child{padding-top:10px;}
.artlist-item-image{width:200px;margin-right:30px;}
.artlist-item-image img{width:100%;max-height:140px;border-radius:4px;}
.artlist-item-image svg{width:100%;text-anchor:middle;border-radius:4px;border:1px solid #eaeaea;}
.artlist-item-body{flex:1;overflow:hidden;padding-right:20px;}
.artlist-item-body .title{font-size:20px;font-weight:bold;}
.artlist-item-body .desc{font-size:16px;color:#666;line-height:40px;margin-top:15px;}
.artlist-item-body .desc p{margin:0;}
.artlist-item-body .tags{color:#999;margin-top:15px;}
.artlist-item-body .tags a{margin:0 6px;font-size:15px;font-family:arial,microsoft yahei;color:#666;}
.artlist-item-body .tags a:hover{color:#f30;}
.artlist-item-date{width:120px;padding:40px 0 0 40px;font-size:28px;color:#999;font-weight:300;position:relative;}
.artlist-item-date:after{display:block;content:"";width:1px;height:60px;background:#f3f3f3;left:10px;top:32px;position:absolute;}
.artlist-item-money{width:200px;font-size:18px;color:#F60;}
.artlist-item-money span{display:block;font-size:16px;color:#333;line-height:36px;font-weight:bold;}
.artlist-item-money:after{height:80%;}
.artlist-item:hover .artlist-item-date{color:#1890FF;}
.artlist-item:hover .artlist-item-body .title{color:#1890FF;}
.artlist-item:hover .artlist-item-body .desc{color:#333;}

.artshow{}
.artshow h1{font-size:24px;font-weight:bold;margin:0;}
.artshow .info{line-height:50px;border-bottom:1px solid #f3f3f3;margin-bottom:20px;color:#666;}
.artshow .info span{color:#999;}
.artshow .info i{color:#ccc;margin-right:5px;}
.artshow .other{margin:15px 0;padding:0px;}
.artshow .other ul{overflow:hidden;list-style:none;display:flex;flex-wrap:wrap;}
.artshow .other ul li{width:25%;line-height:40px;}
.artshow .other ul li span{color:#999;}
.artshow .content a{color:#03C;}
.artshow .content a:hover{color:#f30;}
.artshow .content p{margin-bottom:20px;line-height:30px;}
.artshow .content img{max-width:100%;}
.artshow .action{display:flex;justify-content:center;margin:30px 0 10px 0;}
.artshow .action a{display:block;cursor:pointer;margin:0 15px;width:70px;height:70px;margin-bottom:10px;line-height:60px;text-align:center;border-radius:50%;box-shadow:0px 0px 30px rgba(0,0,0,0.1);position:relative;}
.artshow .action a i{font-size:30px;color:#999;}
.artshow .action a em{display:block;font-family:verdana;color:#999;position:absolute;bottom:-15px;left:0;right:0;}
.artshow .action a:hover{box-shadow:0px 0px 30px rgba(0,132,255,0.3)}
.artshow .action a:hover i{color:#1890FF;}
.artshow .tags{color:#999;margin:15px 0;}
.artshow .tags a{margin:0 10px 10px 0;}

.proshow{}
.proshow .col-left{width:55%;border-right:1px solid #f3f3f3;padding:20px 3%;}
.proshow .col-left .big_pic{text-align:center;}
.proshow .col-left .big_pic img{max-width:100%;}
.proshow .col-left .thumb_pic{margin:30px 0 0 0;text-align:center;}
.proshow .col-left .thumb_pic ul{margin:0 auto;}
.proshow .col-left .thumb_pic ul li{display:inline-block;margin-right:5px;width:60px;height:60px;border:1px solid #eaeaea;padding:0px;cursor:pointer;position:relative;z-index:1;}
.proshow .col-left .thumb_pic ul li.active{border:1px solid #2DB7F5;background:#fff;}
.proshow .col-left .thumb_pic ul li.active:after{content:" ";position:absolute;right:24px;top:-5px;width:11px;height:11px;border:#2DB7F5 solid 1px;border-bottom:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);background:#fff;z-index:-1}

.proshow .col-right{width:45%;padding:20px 3%;}
.proshow .col-right h1{font-size:24px;font-weight:bold;}
.proshow .col-right .intro{color:#888;margin:10px 0;}
.proshow .col-right .attribute{list-style:none;margin:10px 0;}
.proshow .col-right .attribute li{line-height:30px;}
.proshow .col-right .attribute li em{display:inline-block;width:60px;font-style:normal;color:#999;}
.proshow .col-right .price{font-size:14px;line-height:30px;margin:20px 0;}
.proshow .col-right .price span{font-size:26px;color:#f60;}
.proshow .col-right .price em{font-size:12px;color:#999;font-style:normal;padding-left:5px;}
.proshow .col-right .tags{color:#999;margin:15px 0;}
.proshow .col-right .tags a{margin:0 10px 10px 0;}

.proshow_content{padding:20px 0;}
.proshow_content a{color:#03C;}
.proshow_content a:hover{color:#f30;}
.proshow_content p{margin-bottom:20px;line-height:24px;}
.proshow_content p img{max-width:100%;}

.proshow_content .extend{list-style:none;}
.proshow_content .extend li{font-size:15px;line-height:30px;}
.proshow_content .extend li em{display:inline-block;width:120px;font-style:normal;color:#999;font-size:15px;margin-right:15px;}

.quicklogin{padding:20px 0;text-align:center;}
.quicklogin .line{margin:20px auto;max-width:86%;font-weight:400;font-size:18px;color:#666;}
.quicklogin a{display:inline-block;text-align:center;margin:0 10px;color:#999;font-size:12px;transition:all .3s ease 0s;}
.quicklogin a:hover{transform:translate3d(0,-5px,0);}
.quicklogin a span{display:block;width:45px;line-height:45px;border-radius:50%;text-align:center;background:#f3f3f3;font-size:24px;margin-bottom:10px;}
.quicklogin a span.blue{background:#E7F7FE;color:#1890FF;}
.quicklogin a span.red{background:#FFF1F8;color:#ED4014;}
.quicklogin a span.green{background:#E6F8E6;color:#19BE6B;}

.api_user{padding:0 0 20px 60px;margin-bottom:20px;}
.api_user span{color:#1890ff;}
.api_user a{color:#f30;}

.user_info{padding:20px 30px;display:flex;}
.user_info .face{width:160px;padding-right:20px;cursor:pointer;}
.user_info .face img{border-radius:50%;border:1px solid #f3f3f3;padding:4px;width:120px;height:120px;}
.user_info .info{flex:1;overflow:hidden;}
.user_info .info p{margin:0;padding:10px 0;}
.user_info .info p span{color:#f30;}
.user_info .info ul{margin:0;padding:0;list-style:none;}
.user_info .info ul li{font-size:16px;line-height:55px;height:55px;border-bottom:1px dashed #eee;vertical-align:middle;float:left;width:45%;margin-right:5%;}
.user_info .info ul li span{color:#f30;}
.user_info .info ul li em{color:#999;font-style:normal;display:inline-block;margin-right:5px;}

.pay{margin:0 0 -10px;padding:0;list-style:none;display:flex;}
.pay li{min-width:200px;margin:0 10px 10px 0;cursor:pointer;}
.pay li div{border:1px solid #efefef;text-align:center;position:relative;}
.pay li div img{max-width:100%;height:65px;}
.pay li div i{position:absolute;right:2px;bottom:0px;font-size:12px;color:#fff;z-index:10;display:none;}
.pay .active div:before{position:absolute;content:"";right:0;bottom:0;color:#1890FF;width:0;height:0;border-bottom:30px solid #1890FF;border-left:30px solid transparent;z-index:10;}
.pay .active div{border-color:#90BAFF;}
.pay .active div i{display:block;}

.order-base{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:0 20px 20px;}
.order-base-left{flex:1;overflow:hidden;border-right:1px solid #f3f3f3;}
.order-base-left h1{font-size:24px;font-weight:400;color:#666;}
.order-base-left h1 i{font-size:34px;color:#1890FF;margin-right:10px;}
.order-base-left p{padding-left:46px;color:#f30;margin:0;}
.order-base-left p span{color:#999;}
.order-base-right{text-align:center;font-size:18px;font-weight:400;color:#999;padding-left:30px;}
.order-base-right em{color:#f30;}
.order-goods{border:1px solid #f3f3f3;border-radius:4px;}
.order-goods .ui-collapse-menu-title a{font-size:16px;}
.order-goods .ui-collapse-menu-title a:hover{padding-left:0;}
.order-goods .ui-collapse-menu-title.active{background:#fafafa;}
.order-goods .ui-collapse-menu-title.active a{color:#1890FF;}
.order-goods .ui-collapse-menu-title a span{color:#1890FF;font-size:16px;margin-right:15px;}
.order-goods .ui-collapse-menu-body li span{color:#999;}
.order-goods .ui-collapse-menu-body li:last-child{border-bottom:0;}
.order-pay{margin:20px 0;}
.order-pay ul{max-width:50%;}

/*BBS*/
.bbs{position:relative;}
.bbs-left{width:300px;padding:30px 0;}
.bbs-left-title{color:#526069;font-weight:500;font-size:20px;padding-left:30px;}
.bbs-left-nav{list-style:none;margin:20px 0;}
.bbs-left-nav li{line-height:45px;margin-bottom:1px;}
.bbs-left-nav li a{color:#76838f;display:block;font-weight:500;padding-left:30px;font-size:16px;}
.bbs-left-nav li a i{font-size:20px;margin-right:10px;}
.bbs-left-nav li a:hover{color:#1890FF;background:#eaf7ff;}
.bbs-left-nav li a:hover i{color:#1890FF;}
.bbs-left-nav li.active a{color:#1890FF;background:#eaf7ff;}
.bbs-left-nav li.active a:hover i{color:#1890FF;}
.bbs_search{padding:15px 30px;}
.bbs-right{flex:1;overflow:hidden;border-left:1px solid #e4eaec;padding:30px;min-height:360px;}
.bbs-right-title{color:#526069;font-weight:bold;font-size:18px;position:relative;}
.bbs-right-title a{position:absolute;right:0;top:0;font-size:16px;font-weight:normal;background:#40A9FF;color:#fff;border-radius:20px;display:block;padding:10px 30px;}
.bbs-right-title a:hover{background:#1890FF;}
.bbs-right .ui-tabs-nav a{padding:10px 20px;}
.bbs-topic{margin:0;}
.bbs-topic-item{display:flex;justify-content:space-between;padding:20px 20px 20px 30px;border-bottom:1px solid #f3f3f3;}
.bbs-topic-item .face{width:40px;height:40px;}
.bbs-topic-item .face img{width:100%;height:100%;border-radius:100%;}
.bbs-topic-item .body{flex:1;overflow:hidden;padding:0 20px;}
.bbs-topic-item .body em{background:#f30;color:#fff;display:inline-block;padding:4px 8px;margin:0 5px;font-size:12px;border-radius:4px;border:0;}
.bbs-topic-item .body a{color:#666;}
.bbs-topic-item .body a:hover{color:#333;}
.bbs-topic-item .body .desc{color:#a3afb7;}
.bbs-topic-item .other{width:100px;padding-left:20px;font-size:12px;color:#333;}
.bbs-topic-item .other i{color:#ccc;margin-right:5px;}
.bbs-topic-item:hover{background:#f5fbff;}
.bbs-post{margin-top:30px;}
.bbs-post .ui-col-2{text-align:right;color:#999;}
.bbs-post .ui-col-10{max-width:760px;}
.bbs-show{margin-top:0px;}
.bbs-show .tip{color:#76838f;background:#ecf4ff;display:inline-block;padding:15px 20px;border-left:3px solid #3e8ef7;border-radius:2px;}
.bbs-show .tip a{color:#06f;margin:0 10px;}
.bbs-show .tip a:hover{color:#f30;}


table{border-collapse:collapse;border-spacing:0;width:100%;}
td,th{border:1px solid #eaeaea;padding:10px;}
.ui-sidebar{position:fixed;right:0;top:0;display:flex;align-items:center;}
.ui-sidebar ul{border-radius:0;}
.ui-sidebar ul li:first-child,.ui-sidebar ul li:first-child a{border-radius:0;}
.ui-sidebar ul li:last-child,.ui-sidebar ul li:last-child a{border-radius:0;}
.ui-sidebar ul li a{width:70px;line-height:60px;}
.ui-sidebar ul li a i{font-size:28px;}
.ui-sidebar ul li div{line-height:60px;font-size:16px;min-width:120px;}
.ui-sidebar ul li:hover div{right:80px;}
.ui-sidebar ul li a{color:#246FDD;}
.ui-sidebar ul li a:hover{background:#246FDD;border-color:#246FDD;}
.ui-sidebar ul li.active a{background:#246FDD;border-color:#246FDD;}
.ui-card-book{border:1px solid #DFEDFF;border-radius:0 20px 0 0;}
.ui-card-book .ui-card-header{padding:10px 25px;line-height:30px;background:#F8FBFF;border-bottom:1px solid #DFEDFF;border-radius:0 20px 0 0;}
.ui-card-book .ui-card-header .ui-card-header-title{border:0;padding:0;}
.ui-card-book .ui-card-body{padding:20px 25px 15px 25px;word-break:break-all;}
.ui-card-book .ui-card-footer{border-top:0;padding:0 25px 20px 25px;}

.imagelist{overflow:hidden;}
.imagelist ul{margin:0;padding:0;list-style:none;width:100%;}
.imagelist ul li{float:left;width:24%;margin-right:1%;border:1px solid #ddd;padding:5px;border-radius:4px;margin-top:15px;cursor:pointer;position:relative;cursor:move;}
.imagelist ul li p{background:#fafafa;padding:10px 15px;margin:0;}
.imagelist ul li .preview{height:140px;background:#fafafa;overflow:hidden;text-align:center;position:relative;}
.imagelist ul li .preview img{vertical-align:middle;width:100%;height:100%;}
.imagelist ul li .preview:after{content:' ';width:0;height:100%;display:inline-block;vertical-align:middle;overflow:hidden;}
.imagelist ul li .preview .file-title{position:absolute;bottom:0;left:0;width:100%;color:#fff;line-height:24px;background:rgba(51,51,51,.6);font-family:arial;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.imagelist ul li .preview a{position:absolute;padding:5px 15px;top:-50px;right:0;background:#1890FF;border-radius:5px;color:#fff;transition:all .3s ease 0s;}
.imagelist ul li .preview a:hover{color:#fff;}
.imagelist ul li .preview:hover a{top:0;}
.imagelist ul li .intro input{width:100%;margin:5px 0;padding:8px 10px;min-height:30px;color:#999;border:1px solid #ddd;}
.imagelist ul li .intro textarea{width:100%;margin:5px 0;padding:8px 10px;min-height:50px;color:#666;border:1px solid #eee;}
.imagelist ul li .action{text-align:center;overflow:hidden;}
.imagelist ul li .action a{text-align:center;color:#999;outline:none;width:33.3333%;float:left;}
.imagelist ul li .action a:hover{color:#f30;}
.imagelist ul .hover{border:1px solid #6b0;}
.imagelist ul .hover:after{width:0;height:0;border-top:40px solid #66bb00;border-left:40px solid transparent;position:absolute;display:block;right:0;content:"";top:0;z-index:1001;}
.imagelist ul .hover:before{font:normal normal normal 14px/1 iconfont;content:"\e830";display:block;position:absolute;top:5px;right:4px;z-index:1002;color:#fff;}