@charset "utf-8";

/* css */

* { margin: 0; padding: 0 }

body { font: 15px/1.5 'Microsoft Yahei', 'Simsun'; color: #666666; background: #fff }

img { border: 0; display: block }

ul { list-style: none; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

a { outline: none; }

a:link, a:visited { text-decoration: none; color: #666 }

.clear { clear: both; }

.blank { height: 5px; overflow: hidden; width: 100%; margin: auto; clear: both }

.f_l { float: left }

.f_r { float: right }

.l_box { width: 670px; }

.r_box { width: 300px; }

.tit01 h3 { line-height: 40px; color: #38485A; font-size: 18px; border-bottom: 1px solid #E6E6E6; height: 40px }

.search { background: #31a9b3; border-radius: 0 5px 5px 0; position: relative; width: 260px; }

.search input.input_submit { border: 0; background: 0; color: #fff; outline: none; position: absolute; top: 10px; right: 8%; }

.search input.input_text { border: 0; line-height: 36px; height: 36px; width: 72%; padding-left: 10px; outline: none; background: #f3f3f3; }

/*  */

.gzwm ul { width: 100%; margin: 30px 0; overflow: hidden }

.gzwm li { width: 52px; margin: 0 18px 0 5px; float: left; }

.gzwm li a { color: #747F8C; width: 52px; text-align: center; padding-top: 60px; float: left; }

.gzwm .rss { background: url(../images/ico_04_1.jpg) no-repeat scroll 0% 0% transparent; }

.gzwm .rss:hover { color: #000; background: url(../images/ico_04.png) no-repeat scroll 0% 0% transparent; }

.gzwm .xlwb { background: url(../images/ico_05_1.jpg) no-repeat scroll 0% 0% transparent; }

.gzwm .xlwb:hover { color: #000; background: url(../images/ico_05.png) no-repeat scroll 0% 0% transparent; }

.gzwm .txwb { background: url(../images/ico_06_1.jpg) no-repeat scroll 0% 0% transparent; }

.gzwm .txwb:hover { color: #000; background: url(../images/ico_06.png) no-repeat scroll 0% 0% transparent; }

.gzwm .wx { background: url(../images/ico_07_1.jpg) no-repeat scroll 0% 0% transparent; }

.gzwm .wx:hover { color: #000; background: url(../images/ico_07.png) no-repeat scroll 0% 0% transparent; }

/*  */

header { }

.topbg { background: #f3f3f3; height: 30px; line-height: 30px; width: 100%; }

.topbgline { height: 1px; width: 100%; margin-top: 1px; background: #e3e2e2 }

.topnav { width: 1000px; margin: auto; text-align: right; }

.topnav a { margin-left: 20px }

.topnav a:hover { color: #000 }

.logo { width: 1000px; margin: 15px auto; overflow: hidden; clear: both }

#topnav { width: 100%; background: #31A9B3; height: 50px; line-height: 46px; }

#topnav ul { width: 1000px; margin: auto }

#topnav a { display: inline-block; font-size: 18px; font-family: "Microsoft Yahei", Arial, Helvetica, sans-serif; padding: 0 20px; }

#topnav a:hover { background: #fff; color: #000; border-top: 4px solid #f77825; }

#topnav a { color: #FFF }

#topnav_current { background: #fff; border-top: 4px solid #f77825; color: #000 }/*  */

a#topnav_current { color: #000 }

article { width: 1000px; margin: 20px auto; }

/*footer*/

footer { background: #31A9B3; border-top: 1px solid #eee; width: 100%; clear: both }

.endfoot { margin: 30px auto 0; width: 1000px; overflow: hidden; padding-bottom: 20px }

.ft-info { margin-top: 4px }

.ft-title { margin-top: 20px; overflow: hidden }

.ft-title p { font-size: 13px; color: #ffffff; display: block; height: 20px; line-height: 20px; }

.ftlogo { margin-bottom: 0px }

.ft-nav { display: block; height: 27px; line-height: 27px; margin-top: 5px; text-align: right; margin-right: 10px; }

.ft-copyright { font-size: 13px; color: #ffffff; line-height: 21px; margin-right: 10px; padding-top:22px;}

.ft-list { height: 100px; position: relative; }

.ft-shares { height: 34px; display: block; margin-top: 10px; margin-right: 10px; }

.ft-shares a { height: 34px; width: 31px; float: right; margin-left: 20px; background: url(../images/ft-shares.png) no-repeat 0 -999px; }

.ft-shares .shares-ucloud { width: 80px; margin: 0 5px 0 22px; background-position: 0 -137px; }

.ft-shares .shares-ucloud:hover { background-position: -100px -137px }

.ft-shares .shares-sina { background-position: 0 -102px; }

.ft-shares .shares-sina:hover { background-position: -50px -102px }

.ft-shares .shares-ten { background-position: 0 -68px; }

.ft-shares .shares-ten:hover { background-position: -50px -68px }

.ft-shares .shares-weixin { background-position: 0 -34px; }

.ft-shares .shares-weixin:hover { background-position: -50px -34px }

.ft-shares .shares-dib { background-position: 0 0; }

.ft-shares .shares-dib:hover { background-position: -50px 0 }

.ft-shares .shares-dib { background-position: 0 0 }

.ft-shares .shares-dib:hover { background-position: -50px 0 }

.ft-font { font-size:23px; color:#FFFFFF}

/**/

*html { background-image: url(about:blank); background-attachment: fixed; }/*IE6*/

#tbox { width: 54px; float: right; position: fixed; right: 50px; bottom: 15px; _position: absolute; _bottom: auto; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));

_margin-bottom: 15px; }/*IE6 position:fixed */

#togbook, #gotop { width: 54px; height: 56px; display: block; background: url(../images/icons.png) no-repeat #111; box-shadow: 0px 1px 0px rgba(255,255,255,.1), inset 0px 1px 1px rgba(0,0,0,.7); border-radius: 6px; }

#togbook { margin: 5px 0; background-position: 10px -36px; }

#gotop { background-position: 12px 10px; }

#togbook:hover, #gotop:hover { opacity: 0.5 }

/**/

.cloud { width: 100%; clear: both; overflow: hidden }

.cloud h3 { line-height: 40px; color: #38485A; font-size: 18px; border-bottom: 1px solid #E6E6E6; height: 40px; }

.cloud ul { margin: 20px 0 }

.cloud ul a { line-height: 24px; height: 24px; display: block; background: #999; float: left; padding: 3px 11px; margin: 10px 10px 0 0; border-radius: 8px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; color: #FFF }

.cloud ul a:nth-child(8n-7) { background: #8A9B0F }

.cloud ul a:nth-child(8n-6) { background: #EB6841 }

.cloud ul a:nth-child(8n-5) { background: #3FB8AF }

.cloud ul a:nth-child(8n-4) { background: #FE4365 }

.cloud ul a:nth-child(8n-3) { background: #FC9D9A }

.cloud ul a:nth-child(8n-2) { background: #EDC951 }

.cloud ul a:nth-child(8n-1) { background: #C8C8A9 }

.cloud ul a:nth-child(8n) { background: #83AF9B }

.cloud ul a:first-child { background: #036564 }

.cloud ul a:last-child { background: #3299BB }

.cloud ul a:hover { border-radius: 0; text-shadow: #000 1px 1px 1px }

/*  */

.moreSelect { width: 100%; margin: 30px 0 20px 0; overflow: hidden }

.ms-top { height: 32px; border-bottom: solid 1px #EAEAEA; font-size: 14px }



.bd { display: none }

.bd-news ul { padding: 10px 0 0 10px; background: url(../images/ph2.png) no-repeat 10px 29px; }

.bd-news ul li { border-bottom: solid 1px #EAEAEA; line-height: 30px; height: 30px; overflow: hidden; font-size: 14px; padding: 10px 0 0 30px; }

.bd-news ul li a { display: block; }

.bd-news ul li a:hover { color: #000; }

.bd-news ul li:hover { border-bottom: #000 1px solid; }



/*top*/

.tip { padding: 20px 10px; color: #fff; background: #31A9B3; line-height: 24px; text-align: center; font-size: 14px }

.ad300x100 { width: 100%; overflow: hidden; }

.ad300x100 img { width: 100% }

.ftlogo img { height: 80px; }

.logo_l img { height: 80px; }

.ftewm img { width: 100px }

.ftewm { position: absolute; right: 0; top: 0; }

 @media screen and (max-width: 998px) {

article { width: 96%; }

.logo, .topnav, #topnav ul { width: 100% }

.logo_l img { margin-left: 20px; }

.search { margin-right: 20px; }

.l_box.f_l { width: 65%; }

.focustext.f_r { width: 100%; height: auto; }

section.ft01 { width: 50%; float: left; padding: 0 !important; height: 160px !important; }

section.ft01 p { padding: 10px; height: auto; }

.focustext section h3 { padding: 10px 0 0 10px; }

.banner { width: 100% !important; margin-bottom: 20px; }

.banner img { width: 100% !important; }

.swiper-slide { /* width: 100% !important; */

}

.endfoot { width: 96%; }

.r_box.f_r { width: 33%; }

.gzwm li { width: 25%; margin: 0; }

}

 @media screen and (max-width: 768px) {

#tab li a { padding: 0 5px }

.r_box.f_r { display: none; }

.l_box.f_l { width: 100%; }

.ft-info.f_l { display: none; }

#topnav a {padding: 0 !important;   width: 12%;    text-align: center;}

}

 @media screen and (max-width: 480px) {

.logo_l.f_l { float: none; margin: auto; }

.logo_l img { margin: 0 auto 30px; }

.logo_r.f_r { float: none; margin: auto; }

.search { margin: auto; }

a#topnav_current { }

#topnav a { width: 25%; padding: 0; text-align: center; position: relative; font-size: 14px; border-bottom: #fff 1px solid; }

#topnav { height: auto; }

a#topnav_current { background: none; border: none; color: #fff; border-bottom: #fff 1px solid; }

#topnav a:after { content: ""; background: #fff; width: 1px; height: 100%; position: absolute; right: 0; }

section.ft01 { width: 100%; margin-bottom: 10px; height: auto !important; }

.blogs p { padding: 0 10px; height: auto !important; }

.blogs h3 { padding-left: 10px }

.blogs figure { width: 100% !important; margin-bottom: 10px; }

.blogs ul { width: 100% !important; }

.topnav a { margin-right: 10px; }

.topnews { width: 100% !important; }

}





/*



about



*/

.about { overflow: hidden; background: url(../images/abbg.png) no-repeat right top #fff; padding: 20px 40px }

.ab_box { overflow: hidden; margin: 20px 0; }

.ab_box h3 { margin: 10px 0 10px; font-size: 18px; }

.ab_box p { color: #666; margin-bottom: 5px }

.avatar_pic { position: relative; float: left; margin-right: 10px; background: -webkit-linear-gradient(bottom left, rgba(0,153,255,.9), rgba(42,228,197,.7)); background: -o-linear-gradient(bottom left, rgba(0,153,255,.9), rgba(42,228,197,.7)); background: linear-gradient(to top right, rgba(0,153,255,.9), rgba(42,228,197,.7)); display: block; padding: 2px; width: 100px; border-radius: 50%; }

.avatar_pic img { width: 100%; border-radius: 50%; }

.avatar_pic:before { position: absolute; content: ""; background: url(../images/v.png) no-repeat; bottom: 0px; right: 10px; height: 24px; width: 24px; background-size: 24px; }

.ab_dubai { margin-bottom: 15px; display: inline-block; }

.ly_button { float: right; width: 100px; background: #000; text-align: center; border-radius: 3px; line-height: 30px }

.ly_button a { color: #FFF }

.gd_title { margin: 20px 0; font-size: 18px; background: url(../images/hline.png) no-repeat bottom right; width: 120px; clear: both; background-size: 40px; border-bottom: #000 1px dashed; padding-left: 10px; padding-bottom: 5px; display: inline-block; }

.xinlu li { width: 25%; float: left; overflow: hidden; margin-bottom: 20px }

.xinlu li a { display: block; margin: 0 10px; background: #f3f3f3; padding: 20px; }

.xinlu li i { display: block; overflow: hidden; height: 120px; margin-bottom: 10px }

.xinlu li i img { width: 100%; min-height: 120px; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; transition: all 0.5s; }

.xinlu li i:hover img { transform: scale(1.1); }

.xinlu li p { font-weight: bold; margin-bottom: 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.xinlu li span { color: #666; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; font-size: 14px; height: 62px; display: block; }

.myblog { overflow: hidden; clear: both }

.myblog li { width: 20%; float: left; display: block; text-align: center; padding-bottom: 10px; position: relative; overflow: hidden }

.myblog li:after { position: absolute; content: ""; right: 0; top: 0; background: #e9eaed; height: 100%; width: 1px; }

.myblog li:last-child:after { content: none }

.myblog li b { display: block; line-height: 30px; margin-bottom: 10px; }

.buttons { display: block; margin: 10px auto; width: 130px; text-align: center; background: #00c1de; padding: 5px 0; border-radius: 3px; color: #fff; }

.buttons:hover { color: #FFF }

.myblog li:nth-child(even) .buttons { background: #F60 }

.myblog p { margin-bottom: 10px }

.qq_join li { float: left; width: 25%; }

.qq_join li section { margin: 0 20px; box-shadow: #ccc 1px 1px 5px; padding: 10px; display: block; overflow: hidden }

.qq_join li img { width: 90%; margin: auto; background: -webkit-linear-gradient(bottom left, rgba(0,153,255,.9), rgba(42,228,197,.7)); background: -o-linear-gradient(bottom left, rgba(0,153,255,.9), rgba(42,228,197,.7)); background: linear-gradient(to top right, rgba(0,153,255,.9), rgba(42,228,197,.7)); display: block; padding: 5px; }

.qq_join li p { margin: 10px; }

.qq_join li b { color: #019881; margin: 0 5px; }





/*  download*/

.left-box {  margin: 0 0 0 0; width: 670px; overflow: hidden }

/* CSS Document*/ 



span.shop_weizhi { display: block; font-size: 14px; color: #999999; height: 24px; line-height: 24px; margin-left: 10px; background: url(../images/mbwz.png) no-repeat; background-size: 20px; padding-left: 30px; }

span.shop_weizhi a { color: #999 }

.clear, .blank { clear: both; width: 100%; overflow: hidden; }

.blank { height: 20px }



.right-box { width: 320px; float: right }

.box { width: 1000px; margin: auto; overflow: hidden }

.product { background: #fff; padding: 20px; margin: 10px; box-shadow: 0px 0px 14px 2px rgba(235,235,235,1); overflow: hidden; }

span.shop_weizhi { display: block; font-size: 14px; color: #999999; height: 24px; line-height: 24px; margin-left: 10px; background: url(../images/mbwz.png) no-repeat; background-size: 20px; padding-left: 30px; }

span.shop_weizhi a { color: #999 }

.titlepic { float: right; width: 260px; height: 200px; overflow: hidden; }

.titlepic img { width: 250px; padding-top:16px}

.product h1 { font-size: 18px; margin: 10px 0; }

.product p { }

.product span { display: inline-block; }

.product-jianjie { color: #555; margin: 10px; }

.product-jianjie span { font-size: 16px; font-weight: 500; color: #2c3e50; margin-bottom: 10px; }

.product-jianjie p ul{ color: #888; line-height: 28px; font-size: 15px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; }

.newstext p { color: #888; line-height: 28px; font-size: 15px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3;  }

.newstext ul { color: #888; line-height: 35px; font-size: 15px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical;  }

.newstext img,a img{    

    margin:0 auto;display:block;

    max-width:590px;    

    width:expression(this.width>590?"590px":auto);   

    max-height:2600px;    

    height:expression(this.height>2600?"2600px":auto);    

}

.product-star5 { background: url(../images/star5.png) no-repeat 10px center; height: 30px; background-size: 120px; }

.product-star4 { background: url(../images/star4.png) no-repeat 10px center; height: 30px; background-size: 120px; }

.product-star3 { background: url(../images/star3.png) no-repeat 10px center; height: 30px; background-size: 120px; }

.product-tags a { color: #2c3e50; padding: 5px 32px; border-radius: 5px; display: inline-block; margin-bottom: 10px; }

.product-tags a:nth-child(8n-7) { background: #def6ff }

.product-tags a:nth-child(8n-6) { background: #f2fbf2 }

.product-tags a:nth-child(8n-5) { background: #f8f3fe }

.product-tags a:nth-child(8n-4) { background: #fff7f0 }

.product-tags a:nth-child(8n-3) { background: #fff3f3 }

.product-tags a:nth-child(8n-2) { background: #edf9fe }

.product-tags a:nth-child(8n-1) { background: #f1f3fd }

.product-tags a:nth-child(8n) { background: #def6ff }

.mb_info { float: left; width: 500px; }

.designer { overflow: hidden; margin: 10px 0; background: url(../images/moreBtn.png) no-repeat right 20px center; background-size: 20px; }

.designer a { display: block }

.designer i { display: block; width: 50px; height: 50px; background: #d6d4d5; border-radius: 100%; overflow: hidden; float: left; margin-right: 10px; }

.designer i img { width: 46px; margin: 5px auto 0; display: block; }

.designer p { color: #2c3e50; padding: 4px 0 0 0; }

.designer span { color: #888; font-size: 13px; }

#downurl ul { background-color: #ff9b18; background-image: linear-gradient(257deg, #ff9b18 50%, #ffcb20 50%); }

#downurl li { display: inline-block; width: 50%; line-height: 40px; }

#downurl li:nth-child(1) { background-color: #ff9b18; background-image: linear-gradient(257deg, #ff9b18 8%, #ffcc20 97%); }

#downurl li:nth-child(2) { background-color: #ff7300; background-image: linear-gradient(269deg, #ff2d00, #ff7300); }

#downurl li:nth-child(3) { background-color: #ff7300; background-image: linear-gradient(269deg, #ff2d00, #ff7300); float: left; }

#downurl li:nth-child(4) { background-color: #ff9b18; background-image: linear-gradient(257deg, #ff9b18 8%, #ffcc20 97%); float: right; }

div#downurl { background: #fff; box-shadow: 0px 0px 14px 2px rgba(235,235,235,1); overflow: hidden; padding: 20px; margin: 10px; line-height: 36px; color: #2c3e50; }

div#downurl ul li a { color: #fff; display: block; padding: 5px 20px; font-size: 15px; }

.downurl-title { background: #f5f5f5; padding-top: 15px; padding-bottom:15px; padding-left:10px; font-size:22px;}

#downurl li p { }

#downurl a { color: #1487f4; font-size: 18px; padding: 0 10px; }

.designer { overflow: hidden; margin: 10px 0; background: url(../images/moreBtn.png) no-repeat right 20px center; background-size: 20px; }

.designer a { display: block }

.designer i { display: block; width: 50px; height: 50px; background: #d6d4d5; border-radius: 100%; overflow: hidden; float: left; margin-right: 10px; }

.designer i img { width: 46px; margin: 5px auto 0; display: block; }

.designer p { color: #2c3e50; padding: 4px 0 0 0; }

.designer span { color: #888; font-size: 13px; }

#tab { border-bottom: #e4e3e3 1px solid; margin: 20px }   

/*tab*/



#tab li a { float: left; height: 32px; cursor: pointer; line-height: 32px; list-style-type: none; padding: 0 15px; }

#tab li.cur a { color: #fff; background: #f77825; }



/*#tab li { cursor: pointer; display: inline-block; font-size: 16px; margin-right: 20px; padding: 0 10px 10px; position: relative; }

#tab-content section { display: none; }

#tab-content section:nth-child(1) { display: block }

#tab li:after { content: ""; background: #1487f4; background: linear-gradient(to right, #0062ff 0%, #00a0ec 100%); width: 20%; height: 2px; position: absolute; bottom: -1px; left: 40%; opacity: 0; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease; }

#tab li:hover:after, #tab li.tab-current:after { opacity: 1; width: 100%; margin: auto; display: block; left: 0; }

#tab li.tab-current { color: #1487f4; }

#tab-content { margin: 20px; overflow: hidden; }*/

.mbtext-box { background: #fff; box-shadow: 0px 0px 14px 2px rgba(235,235,235,1); overflow: hidden; padding: 20px; margin: 10px; }

.mbtext-box #tab { margin: 0; }

.mbtext-box #tab-content { margin: 0; overflow: initial; }

.mb_info { float: right; width: 340px; }

.mbtext-box .pinglun { margin: 20px 0 0; padding-bottom: 0; }

.sou #tab li { cursor: pointer; display: inline-block }

.sou #tab-content section { display: none; }

.sou #tab-content section:nth-child(1) { display: block }

.sou #tab { width: 50%; margin: auto; clear: both; overflow: hidden; border: 0; }

.sou #tab li { font-size: 15px; width: 54px; height: 28px; text-align: center; line-height: 28px; border-top-left-radius: 5px; border-top-right-radius: 5px; color: #666; padding: 0; margin-right: 2px }

.sou #tab li.tab-current { background-color: #F4543C; color: #fff; }

.sou #tab-content { margin: auto; overflow: hidden; width: 50%; }

.sou #tab li:nth-child(2).tab-current { background: #00c1de; }

.sou #tab li:after { display: none !important; }

.mb-base ul { margin: 20px 0; }

.mb-base li { border-bottom: #f2f2f2 1px solid; color: #2c3e50; line-height: 28px; padding: 10px 0; }

.mb-base li span { float: left; margin: 0 20px 0 0; padding: 0 0 0 30px; position: relative; width: 80px }

.mb-base li span:after { position: absolute; content: ''; background: #ddd; width: 1px; height: 20px; right: 0; top: 5px }

.mb-base li i { display: inline-block }

.mb-base li:nth-child(1) { background: url(../images/mbicon01.png) no-repeat left center; background-size: 20px }

.mb-base li:nth-child(2) { background: url(../images/mbicon02.png) no-repeat left center; background-size: 20px }

.mb-base li:nth-child(3) { background: url(../images/mbicon04.png) no-repeat left center; background-size: 20px }

.mb-base li:nth-child(4) { background: url(../images/mbicon03.png) no-repeat left center; background-size: 20px }

.mb-base li:nth-child(5) { background: url(../images/mbicon06.png) no-repeat left center; background-size: 20px }

.mb-base li:nth-child(6) { background: url(../images/mbicon05.png) no-repeat left center; background-size: 20px }

.mb-base li:nth-child(7) { background: url(../images/mbicon08.png) no-repeat left center; background-size: 20px }

.mb-base li:nth-child(8) { background: url(../images/mbicon07.png) no-repeat left center; background-size: 20px }

.mb-base li:nth-child(9) { background: url(../images/mbicon07.png) no-repeat left 16px; background-size: 20px; }

.mb-base li:nth-child(9) i { display: inline-block; width: 28px; height: 25px; background: url(../images/mbicon11.png) no-repeat left 5px; background-size: 20px; }

.mb-base li:nth-child(9) i:nth-child(9) { margin-left: 20px }

.mb-base li:nth-child(9) i:last-child { display: none; margin-left: 5px }

.mb-base li:nth-child(7) img { height: 16px; display: inline-block; vertical-align: middle; }

/*.mb-base li:nth-child(8) a { margin-right: 20px; color: #2c3e50; padding-left: 30px; display: inline-block; background: url(../images/mbicon11.png) no-repeat 0 3px; background-size: 24px; }

.mb-base li:nth-child(8) a:hover { color: #1487f4 }

.mb-base li:nth-child(8) b { color: #f00; font-size: 18px; margin-right: 5px }*/

a.btn-yulan { padding: 3px 40px; background: #1487f4; border-radius: 3px; color: #fff; }

a.btn-yulan:hover { background: #0976dc; }

a.btn-wd { padding: 3px 40px; background: #52d2a3; border-radius: 3px; color: #fff; margin-right:25px}

a.btn-wd:hover { background: #36bc8b; }

/*页脚*/

.ui-footer{position:relative;font-size:14px;color:#CCC;background-color:#31a9b3;padding:20px 0}

.ui-footer a,.ui-footer a:link,.ui-footer a:visited{color:#FFFFFF}

.ui-wrapper{margin-left:auto;margin-right:auto;width:1000px}

.ui-left{float:left}

.ui-right{float:right}

.ui-logo{display:block;width:330px;height:80px;margin:0px;text-indent:-999px;overflow:hidden;background-image:url(images/logo2.png);background-repeat:no-repeat}

.z-index{z-index:800}

.ui-nav{padding:36px 220px 28px 0;margin-bottom:-2px}

.ui-nav li{position:relative;float:left;font-size:16px;color:#333}

.clearfix:after,.ui-wrapper:after{content:"\200B";display:block;height:0;clear:both}

.clearfix,.ui-wrapper{*zoom:1}

.foot-links{padding-bottom:15px;border-bottom:1px solid #FFFFFF}

.foot-links h6{float:left;width:80px;padding-left:10px; color:#FFFFFF}

.foot-links ul{float:left;width:870px;color:#FFFFFF}

.foot-links ul li{float:left;padding-right:20px; color:#FFFFFF}

.foot-about{position:relative;padding:15px 0;border-bottom:1px solid #FFFFFF}

.foot-about .about-link{padding-right:240px;padding-left:10px}

.foot-about .about-link li{float:left;padding-right:17px}

.foot-about .about-us{padding:10px 7px 0}

.foot-about .about-us span{float:left;line-height:57px; color:#FFFFFF}

.foot-about .about-us .nav-qqun{padding-left:0px}

.foot-about .about-us a{float:left;width:56px;height:57px;margin-left:20px}

.foot-about .about-us a.nav-weibo{background-position:0 0}

.foot-about .about-us a.nav-weibo:hover{background-position:-57px 0}

.foot-about .about-us a.nav-weixin{background-position:0 -58px}

.foot-about .about-us a.nav-weixin:hover{background-position:-57px -58px}

.foot-about .about-us a.nav-weixin .ui-popup{left:67px;top:-65px}

.foot-about .about-kefu{position:absolute;right:10px;top:15px;text-align:right}

.foot-about .about-kefu em,.foot-about .about-kefu strong{display:flex;color:#FFFFFF}

.foot-about .about-kefu strong{font-size:30px;font-weight:400}

.foot-copyright{text-align:center;padding:10px 0; color:#FFFFFF}

.ui-login-footer .foot-safelink{text-align:center}

.ui-login-footer .foot-safelink a{display:inline-block;margin:auto 10px;height:50px;background-image:url(/static/images/base/certificate-white-bg-061197f.png);overflow:hidden;transform:top}

.ui-login-footer .foot-safelink a:hover{transition:.3s}

.foot-safelink{text-align:center}

.foot-safelink a{display:inline-block;margin:auto 10px;height:50px;background-image:url(/static/images/base/certificate.png);overflow:hidden;transform:top}

.foot-safelink a:hover{transition:.3s}

.foot-safelink a.a1{width:96px;background-position:0 0}

.foot-safelink a.a1:hover{background-position:0 -50px}

.foot-safelink a.a2{width:98px;background-position:-120px 0}

.foot-safelink a.a2:hover{background-position:-120px -50px}

.foot-safelink a.a3{width:45px;background-position:-248px 0}

.foot-safelink a.a3:hover{background-position:-248px -50px}

.foot-safelink a.a4{width:62px;background-position:-318px 0}

.foot-safelink a.a4:hover{background-position:-318px -50px}

.foot-safelink a.a5{width:172px;background-position:-395px 0}

.foot-safelink a.a5:hover{background-position:-395px -50px}

.foot-safelink a.a6{width:57px;background-position:-582px 0}

.foot-safelink a.a6:hover{background-position:-582px -50px}

.foot-safelink a.a7{background-image: none;}



/*** page

-------------------------------------------------------------- ****/

.pageBox {text-align: center;}

.pageBox a {border:1px solid #ddd;display:inline-block;margin-right:6px;color: #707070;width:34px;height:34px;font:bold 14px/34px arial;}

.pageBox a:hover,.pageBox a:active{background:#3aa9f2;color: #FFFFFF;text-decoration: none;}

.pageBox .cur { background: #3aa9f2;border: 1px solid #3aa9f2;text-decoration: none;}

.pageBox a.cur {color: #fff;}

.pageBox .disabled {width: 79px;}