@charset "utf-8";
/* CSS Document */ 
/*全局*/
*{outline:0;  margin:0; border:0; padding:0; font-family:Arial, 'Microsoft Yahei';box-sizing border-box; outline:none; }
html{-webkit-text-size-adjust:none}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
body{margin:0;line-height:1.2;font-family:Helvetica,Hiragino Sans GB,Microsoft Yahei,sans-serif;font-size:14px;color:#333;-webkit-text-size-adjust:none}
h1, h2, h3, h4, h5, h6, table, th, td, i, em {font-size: 100%; font-weight: normal; font-style: normal;}
li,ol,ul{margin:0;padding:0;list-style:none}
a{ text-decoration:none; -webkit-transition:color .3s; -moz-transition:color .3s; -ms-transition:color .3s; transition:color .3s; }
a:link,a:visited{color:#333;text-decoration:none;}
a:hover{color:#3ca5f6;text-decoration:none}
img{border:0;display:block;}
body{ overflow-x:hidden;}
.clear{ clear:both; }
.color-red { color:red; }
.display-none { display:none; }
.clearfix{zoom: 1;}
.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.fn-left,.fl{float:left;}
.fn-right,.fr{float:right;}
.text-c{text-align: center;}
.mgt15{margin-top:15px !important;}.mgt20{margin-top:20px !important;}.mgb20{margin-bottom:20px !important;}.mgt30{margin-top:30px !important;}
.mgb30{margin-bottom:30px !important;}.mgt25{margin-top:25px !important;}.mgb25{margin-bottom:25px !important;}.mgt40{margin-top:40px !important;}.mgb40{margin-bottom:40px !important;}
.mgt50{margin-top:50px !important;}.mgb50{margin-bottom:50px !important;}.pdt20{padding-top:20px !important;}.pdb20{padding-bottom:20px !important;}
 /*bg*/
.bg-white{background-color:#fff;position: relative;overflow hidden}
.bg-gray{background-color:#f5f6fb; position: relative; overflow hidden} 
.bg-ecef{background: #eceff1;overflow:hidden;}
.box-shadow{border:none;border-radius:.125rem;background-color:#fff;-webkit-box-shadow:0 .0625rem .125rem rgba(0,0,0,.1);-moz-box-shadow:0 .0625rem .125rem rgba(0,0,0,.1);box-shadow:0 .0625rem .125rem rgba(0,0,0,.1);-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-o-transition:all .6s ease;transition:all .6s ease}

[class*=" icon-"],[class^=icon-]{font-family:"dnbs-icon" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.box-shadow{background-color:#fff; border: #e7e7e7 0px solid; moz-box-shadow: 0 0px 15px 1px rgba(0, 0, 0, .05); -webkit-box-shadow: 0 0px 15px 1px rgba(0, 0, 0, .05); box-shadow: 0 0px 15px 1px rgba(0, 0, 0., .05);}
.ico2, .ico3, .ico4, .ico5, .down_url a, .take {background-image: url(http://www.missyuan.net/ui/image/ico.png); background-repeat: no-repeat;}
.ico1 { border-radius:3px;color: #999; background-color: #eee; margin-left: 0px; padding: 3px 4px; display: inline; }
.ico2 { color: #ccc; background-position: -44px -411px; padding: 7px 0 7px 33px;}
.ico3 { color: #ccc; background-position: -107px -413px; padding: 0px 0 0px 30px;}
.ico4 { color: #fff; background-position: -138px -160px; width: 60px; height: 22px; overflow: hidden; float: left; margin-top: -2px; margin-right: 5px; padding-top: 5px; padding-left: 10px; display: block; }
.ico5 { color: #fff; background-position: -138px -223px; width: 60px; height: 22px; overflow: hidden; float: left; margin-top: -2px; margin-right: 5px; padding-top: 5px; padding-left: 10px; }

 /*通用*/
.main{margin:0;padding:0;display:block; min-height:800px;} 
.body-wrap{display:block; position: relative;} 
.topbar,.header,.nav,.footer{width:100%; min-width:1200px;} 
.container{width: 1200px;margin: 0 auto; position: relative;}
.warp{margin-bottom:10px; height:auto; position:relative;}
.box-warp{margin-bottom:10px; position: relative; }
.left-warp { width:890px; float:left; position:relative;}
.side-warp { width:300px; float:right; position: relative; }

/**顶部**/
.topbar {min-width: 1200px;height: 32px;line-height: 32px;background: #f8f8f8;font-size: 12px;}
.topbar .site-intro{float:left; text-align:center; color:#666; overflow:hidden;}
.topbar .fn-right a{ color: #777; padding: 0 5px; text-decoration: none;}
.topbar .fn-right a:hover{ color:#63B73D;}
.topbar .fn-right a span{color:#63B73D; padding-right:5px;}
.topbar .fn-right {float:right; color:#777;}

/*header*/
.header{background:#fff; border-bottom: #e7e7e7 0px solid; box-shadow: 0 1px 5px 1px rgba(0, 0, 0, .08);}
.header .container{height:60px;padding:15px 0;}
.header .logo{position: relative; height:50px; margin: 5px 0;padding-right:15px;float:left; /*background: url("../images/logo_line.png") right -1px no-repeat;background-size: 1px 41px;*/}
.header .logo:after {content: ''; position: absolute; width: 1px;  height: 30px; background: #cdcdcd; top: 12px; right: 0;}
.header .logo a{display:block;}
.header .logo img{height:50px; vertical-align: middle;}

/*search*/
.search {float:right;margin-top: 15px;}
.search .so-btn{ float:right; }
.search .so-btn button{ width:70px; height:35px; background:#0097ee; color:#fff; border-radius:4px; font-size:14px; cursor:pointer; }
.search .tel{ float:right; line-height:35px; height:35px; margin-right:20px; color:#333; }
.search .tel span{ font-size:16px; font-weight:bold; color:#333; }
.search .so-form{ float:right; margin-right:15px; position:relative; }
.search .so-input{width: 300px;position:relative;overflow:hidden;border-radius:4px;}
.search .so-input input{height:35px;background: #f5f5f5;width:100%;font-size:12px;text-indent:12px;}
.search .so-input button{ position:absolute; width:50px; height:35px; background:#0097ee; top:0; right:0; cursor:pointer; }
.search .so-input button:before{ content:''; position:absolute; width:18px; height:18px; background:url("http://public.loupan.com/public/assets_v4/images/icon.png?v=20181116") -290px -40px; margin:auto; left:0; top:0; right:0; bottom:0; }
.search .so-form ul{ position:absolute; width:100%; left:0; top:30px; background:#fff; box-shadow:rgba(0, 0, 0, 0.1) 0px 2px 4px 0px; }
.search .so-form ul a{ display:block; line-height:28px; padding-left:10px; }
.search .so-form ul a:hover{ background:#f8f8f8; }
.search .so-form ul em{ color:#30a15d; font-style:normal; }

/*nav-bar*/
.menu-warp{width: 100%;min-width:1200px;clear:both;overflow:hidden; margin-bottom:10px;}
.menu-warp .navMenu{ clear:both; background:#008ee1;height:45px; overflow:hidden;}
.menu-warp .navMenu .navul{display:table;*display:block;width:1200px; height: 45px; margin:0 auto;overflow:hidden;}
.menu-warp .navMenu .navul li{height:45px;line-height:45px;display:table-cell; *display:inline; min-width:1%;float:none;*float:left;text-align:center;vertical-align:middle}
.menu-warp .navMenu .navul li a{display:block;min-width:50px;padding:0 20px;font-size:16px; text-align: center;color:#fff;position:relative;}
.menu-warp .navMenu .navul li a i{position:absolute;top:14px;right:0px;display:block;height:20px;width:0;overflow:hidden;border-left:1px solid #027ec6;border-right:1px solid #019cf6;}
.menu-warp .navMenu .navul li a.current,.menu-warp .navMenu .navul li a:hover{background-color:#007dc6;}
.menu-warp .navMenu .navul li a.current i,.menu-warp .navMenu .navul li a:hover i{border-color: #007dc6;}
.menu-warp .navMenu .navul li:last-child a i{border:0;}
.menu-warp .subNav{margin:0;padding:10px 0;height: 20px;background:#fff}
.menu-warp .subNav a{line-height: 20px;margin-right:20px;font-size: 14px;}

/*搜索*/
.search-warp { height:40px; width:1200px; margin-top:5px; overflow:hidden;border: 1px dashed #ccc;border: 1px dashed #ccc; line-height: 40px; margin-right: auto; margin-left: auto; background-color: #fff;}
.search-warp .title { width:10px; float:left;  }
.search-warp .inpbox { float:left; width:250px; line-height: 22px; margin-top: 8px; }
.search-warp .inpbox input { margin-left:10px; margin-right:10px; }
.search-warp .inpbox select { font-size:14px; width:110px;  height: 25px;}
.search-warp .inpbox .searchtxt { height:18px; width:190px; font-size:14px; padding: 3px 0px 2px 5px; border: 1px solid; border-color: #999999 #CCCCCC #CCCCCC #999999; color: #0083E8; }
.search-warp .hots {float:left; width:860px;line-height:33px; overflow:hidden; margin: 10px 0 0 10px;}
.search-warp .hots a{margin: 10px; color: #0033FF; }
.search-warp .hots a:hover{ color: #FF3300; }
.min-height {width: 700px; min-height: 160px; margin: 20px auto 0px 20px; padding: 6px; border: 0px solid #CCCCCC; }

.search-form{float: right;display:block;position:relative;height: 28px;margin-top: 5px; margin-right: 10px;border:0px #eee solid;font-size: 14px;}
.search-form .ipt{display:inline-block;height: 26px;border: 1px solid #eee;border-right:0;border-radius:3px 0 0 3px;float:left;}
.search-form .dropdown{position:static;float:left;}
.search-form .dropdown-toggle{display:inline-block;width:47px;work-break:break-all;height:38px;overflow:hidden;line-height:38px;padding:0 16px;border-right:1px solid #e8e8e8;vertical-align:top;cursor:pointer;float:left;background:#f8f8f8 url(../images/v3/icon.png) no-repeat 62px 17px}
.search-form .dropdown-menu{min-width:81px;top:39px;margin:0;border:1px solid #eaeaea;border-radius:0;-webkit-box-shadow:none;box-shadow:none;}
.search-form .dropdown-menu li{padding:0 18px;height:30px;line-height:30px;cursor:pointer;overflow:hidden}
.search-form .input-text{width: 150px;height: 26px;padding:0 18px;vertical-align:top;float:left;border:0;outline:0;background:0;color: #999;}
.search-form .btn{width:58px;height: 28px;line-height: 28px;border-radius:0 3px 3px 0;vertical-align:top;float:left;overflow:hidden;word-break:break-all;background: #ffa742;color:#fff;border:0;outline:0;}
.search-form .tab{position:static;float:left;}
.search-form .tab input{color: #999;}
.search-form #sid{display:inline-block;width:43px;work-break:break-all;height: 26px;line-height: 26px;overflow:hidden;/* line-height: 33px; */padding: 0 10px;border-right:1px solid #e8e8e8;vertical-align:top;cursor:pointer;float:left;color: #999;background:#f8f8f8 url(../images/v3/icon.png) no-repeat 45px 14px;}
.search-form #nsid{position:absolute;min-width:77px;left:0;top:39px;margin:0;background:#fff;border:1px solid #eaeaea;padding:3px 0;z-index:999;}
.search-form #nsid li{padding:0 17px;height:30px;line-height:30px;cursor:pointer;overflow:hidden}
.search-form #sid.active{background-position:-29px 13px}

/*分页*/
.list_page {margin: 15px auto;}
.pageLink {line-height:36px;clear:both; font-family:"Microsoft Yahei", simsun;}
.pageLink a,.list_page a {margin:0px 5px;padding: 8px 12px 8px;border:1px solid #eee;background:#fff;text-align: center;display: inline;font-size: 14px;}
.pageLink a:hover,.list_page a:hover{border: 1px solid #00a0e2;background: #00a0e2; color:#FFF;text-align: center;font-weight: normal;text-decoration: none;}
.pageLink b{margin:0px 3px;padding: 8px 12px 8px;border:1px solid #00a0e2;background:#00a0e2; color:#FFF;text-align: center;display: inline;font-size: 14px;}
/*分页2*/
.showpage .epages {text-align: center;}
.epages{margin:10px auto 20px;line-height:40px;font-family:"Microsoft Yahei", simsun;text-align:center;font-size: 14px;}
.epages *{vertical-align:middle;}
.epages a{margin:0px 3px;padding:8px 12px 8px;border:1px solid #eee; background:#fff;text-align:center;text-decoration:none;font-family:"Microsoft Yahei", simsun;}
.epages a:hover{border:#00a0e2 1px solid;background:#00a0e2;text-decoration:none;color:#FFF}
.epages input{margin-bottom:0px;border:1px solid #0096A5;height:15px;padding-bottom:1px;padding-left:1px;margin-right:1px;color:#0096A5}
.epages b{margin:0px 3px;padding:8px 12px 8px;border:1px solid #00a0e2; background:#00a0e2; color:#FFF;text-align:center;text-decoration:none;}
 
/*位置*/
#location{margin: 0 auto 10px;/* padding:0 10px 0px; */width: 1200px;height:35px;line-height:35px;position:relative;font-size:14px;background-color:#ffffff;}
#location .icon-home{/* width:18px; *//* height:14px; */margin: 0 5px 0 10px;vertical-align:middle;/* display:inline-block; */}
#location .rightAD{width:732px;height:35px;position:absolute;top:7px;right:0px;}

.crumbs{padding: 0 15px;height: 40px;line-height: 40px;position:relative;font-size: 13px;color: #777;}
.crumbs a{color: #777;}


/*底部:版权信息*/
.footer {width: auto;border-top: solid 3px #2196F3;margin: 5px auto;padding-bottom: 10px;background: #ffffff;/* color: #a4aec7; */}
.footer a{/* color: #a4aec7; */}
.footer .copyright {padding: 15px 0;text-align:center;line-height 30px;letter-spacing:1px;font-size: 12px;}
.footer .copyright a { text-decoration: none; }
.footer .copyright a:hover { color:#03D8D8; text-decoration:underline; }
.footer .foot-nav {margin-bottom: 10px;text-align: center;letter-spacing: 1px;}
.footer .foot-nav a{/* float:left; */margin:0 6px;font-size: 12px;}
.footer .foot-nav a:before {left: -15px; top: 3px; bottom: 2px; width: 2px;cursor: default}
.footer .foot-copy{text-align: center;letter-spacing:1px;}
.footer .foot-copy p{text-align:center; margin-bottom: 10px; font-size: 12px;}
.footer .foot-copy p.copy a{margin-right: 10px; }
/*页尾*/
/*.footer{min-width:1100px; padding-bottom:0px; border-top:0px solid #1487e6; overflow:hidden;}*/
.foot-info {padding: 15px 0; height: 20px; line-height: 20px; font-size:12px; color: #b2b4c7; background:#1F2C40;}
.foot-info a {color: #b2b4c7;} 
.foot-info .foot-site {float: left; max-width: 66%;}
.foot-info .foot-site dd{float: left; margin-right: 20px;}
.foot-info .foot-site #poweredBy {/* max-width: 15%; */line-height: 20px;/* margin-top: 5px; */font-size: 12px;}
.foot-info .foot-site #poweredBy img {max-width: 100%; height: auto; }
.foot-site #poweredBy a,.foot-site #beian a{ color: #b2b4c7;} 
.foot-info .foot-site #beian {width 20%; font-size:12px; }
.foot-info .foot-site #beian span { width:18px; height:18px; display:block; float:left; margin-right:5px; background:url(https://images.uiiiuiii.com/wp-content/uploads/2018/04/uiii-beian-ico.png) no-repeat left;background-size: cover; -webkit-background-size: cover;}
.foot-info .foot-nav { float: right;}
.foot-info .foot-nav li {float:left; margin-left: 20px}
.foot-info .foot-nav li a:before { left: -15px; top: 3px; bottom: 2px; width: 2px; background: #bbb; cursor: default}

/*首页广告CSS*/
.topAd{margin-left:10px;}
.index-ad{ PADDING: 5px;  background-color: #fff; text-align: center; margin: 10px 0px; CLEAR: both;}
.column-ad{ PADDING: 5px;  background-color: #fff; text-align: center; CLEAR: both;}
.show-ad{width:auto;height:auto;margin: 0 auto;text-align: center; }

.show240 {float:right; padding:0px;}
.show240 .repics {width:230px; float:left; padding:0px;}
.show240 .repics a {float: left;display:block; width:110px; height:90px; margin-left:5px; text-align:center;}
.show240 .repics a:nth-child(2n){margin-bottom:0px}
.show240 .repics a img{width:100%; height:100%; }
.show240 .repics a:hover img{filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6; transition:opacity 0.3s; }