*{ font-family:"å¾®è½¯é›…é»‘"; font-size: 14px; padding:0px; margin:0px;}
body{ height: 100%; margin:0px; }
a{ text-decoration: none }
li{ list-style-type: none }
.my_info{ margin:30px;}
.my_info p{ text-align:center; font:normal 12px/30px 'MicroSoft YaHei';}

.top{position:fixed;left: 0px;left: 0px;width: 100%;height: 200px;z-index: 999;background: #FFF;top: 50px;}
.top_img{width: 100%; height:200px; position: relative;}
.top_img img{width: 100%; height:100%;}
.top_con{ position: absolute; top: 0; left: 0; width: 100% }
.top_con_img{width: 30%;height: 100%;float: left;}
.top_con_img img{ width: 80px; height: 80px;margin:40px 0 0 20%; border-radius: 40px; }
.top_con_xx{width: 70%;height: 100%;float: left;margin-top: 15px;}
.top_con_xx .ysj_title{color: #FFF;font-size: 20px;margin-left: 10px;width: 80%;overflow:hidden;height: 25px;}
.top_con_xx .ysj_tb{font-size: 15px; height: 30px; line-height: 30px; border-bottom: 1PX solid #a5a1a0;margin-left: 10px;width: 80%;}
.top_num{ overflow: hidden; margin-top: 10px; width: 80%;}
.top_num p{color: #1d1f1c;}
.top_num_l{ float: left;  width: 50%; text-align: center;}
.top_num_l span{ width: 100%; color:#FFF; display: inline-block;}
.top_num_r{ float: right; width: 50%;text-align: center;}
.top_num_r span{ width: 100%; color:#FFF; display: inline-block;}
.en{  margin-top: 10px; height:30px; clear: both;}
.en img{ height: 100%;  float: left; margin-left:10px}

.top_con_edition{ margin: 15px 0 0 10px;  }
.top_con_edition .translate{border:1px solid #ffffff; font-size: 13px; width: 55px;height: 25px; display: block; line-height: 25px; text-align: center; background: #ffffff;color: #fc0000;font-weight: 600;border-radius:8px;}


.top_imgs{width: 100%; height:100px; position: relative; display: none}
.top_imgs img{width: 100%; height:100%;}
.top_cons{ width: 100%; height: 85px;position: absolute; left:35%; top: 15px;}
.top_cons_img{ width:70px; height: 100%;float: left;}
.top_cons_img img{ width: 70px; height: 70px;border-radius: 40px; }

.top_cons_xx{ float: left; line-height:85px; margin-left:10px; color: #FFF;}

/*é«˜æ–¯æ»¤é•œ*/
.blur {
	width: width: 100%;
	height: 100%;
	filter: url(../image/blur.jpg#blur); /* FireFox, Chrome, Opera */
	/* -webkit-filter: blur(20px); */ /* Chrome, Opera */
	-moz-filter: blur(20px);
	-ms-filter: blur(20px);
	/* filter: blur(20px); */
	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=20, MakeShadow=false); /* IE6~IE9 */
}


.to_top{ width: 30px; height: 30px; position: fixed; right: 10px; bottom: 55px; background: url(../image/top.png) no-repeat; z-index: 99999; display: none; border-radius: 10px;}

/*
#nav-smartSetup{ position:fixed;top: 200px;left: 0PX;background: #fafafa;z-index: 999 }
#swiper-wrapper{ height: 45px;  }
#swiper-wrapper div{font-size: 18px;font-family:"å¾®è½¯é›…é»‘"; float: left;  margin: 0 10px;}*/

#swiper-container1{ background: #fafafa; border-bottom: 1px solid #e1e1e1; width: 100%; overflow:hidden; position:fixed;top: 200px;left: 0px; z-index: 999;}
#swiper-container1 .swiper-slide {
   /* padding: 0 10px;*/
   width:auto;
   color: #101010;
   font-size: 15px;
   height: 30px;
   line-height: 30px;
   background: #fafafa;
   text-align: center;
   /*margin-right: 20px;*/
}
#swiper-container1 .active{ color: #0084f2; border-bottom: 2px solid #0084f2 }

#swiper-container2{padding-top: 250px;}

#swiper-container2 .swiper-slide{ min-height: 300px;  }





.con_jj{padding: 0 3%;padding-top:10px;margin-bottom:50px;line-height: 35px;font-size: 16px;}
.con_jj a{ color: #000 }
.con_jj strong{ font-size:18px;}
/*ä½œå“é›†*/
.con_zpj{ padding: 0 3%;padding-top:10px;padding-bottom: 30px;}
.con_zpj ul { overflow: hidden; }
.con_zpj ul li{ width: 46%; height: 162px; border:1px solid #ededed ; float: left; margin: 0 1.5%; margin-bottom: 20px; background: #eee;/* box-shadow:  3px 3px 3px  #ccc*/}
/*.con_zpj ul li .bimg{width: 100%; height: 130px; margin: 0 auto; overflow: hidden; text-align: center; }
.con_zpj ul li .bimg img{ width: 92%; height: 100%; padding-top:8px}*/
/*2016-11-13  ä¿®æ”¹å›¾ç‰‡æ˜¾ç¤ºæ ·å¼*/
.con_zpj ul li .bimg{width: 90%; height: 120px; margin: 0 auto; overflow: hidden; text-align: center; position: relative; margin-top:10px;}
.con_zpj ul li .bimg img{  position: absolute;   margin: auto;   top: -9999px;  right: -9999px;  bottom: -9999px;  left: -9999px; max-width: 100%;  max-height: 100%;  }



.con_zpj ul li p{ width: 92%;margin: 0 auto; text-align: center; line-height: 25px; height: 25px; margin-top:5px; font-size: 14px; color: #666; overflow: hidden;}


/*æ´»åŠ¨å›¾é›†*/
.con_hdtj{padding: 0 3%;/* padding-top:10px; */}
.con_hdtj ul { overflow: hidden; }
.con_hdtj ul li{width: 47%;height: 162px;border:1px solid #ededed;float: left;margin: 0 1.5%;margin-bottom: 20px;background: #eee;/* box-shadow:  3px 3px 3px  #ccc*/}
/*.con_zpj ul li .bimg{width: 100%; height: 130px; margin: 0 auto; overflow: hidden; text-align: center; }
.con_zpj ul li .bimg img{ width: 92%; height: 100%; padding-top:8px}*/
/*2016-11-13  ä¿®æ”¹å›¾ç‰‡æ˜¾ç¤ºæ ·å¼*/
.con_hdtj ul li .bimg{width: 90%; height: 120px; margin: 0 auto; overflow: hidden; text-align: center; position: relative; margin-top:10px;}
.con_hdtj ul li .bimg img{  position: absolute;   margin: auto;   top: -9999px;  right: -9999px;  bottom: -9999px;  left: -9999px; max-width: 100%;  max-height: 100%;  }



.con_hdtj ul li p{ width: 92%;margin: 0 auto; text-align: center; line-height: 25px; height: 25px; margin-top:5px; font-size: 14px; color: #666; overflow: hidden;}





.works_img{ background: #f4f4f4; text-align: center;display:table-cell;/*æœ€é‡è¦*/ vertical-align:middle; }
.works_con{ width: 100%; height: auto; border-bottom: 10px solid #f0f0f0 ; padding-bottom: 20px; }
.works_con .p1{ padding-left: 20px;  height: 30px; line-height: 30px; font-size: 18px;font-weight: 600; color: #000; letter-spacing: 2px;margin-top:20px; overflow: hidden;}
.works_con .p2{padding-left: 20px;height:30px; line-height: 30px; color: #9e9e9e;font-size: 15px;letter-spacing: 1px;}
.works_con .p3{ padding-left: 20px;  height: 25px; line-height:25px; color: #000; letter-spacing: 1px;font-weight: 500; }
.works_con .p4{padding-left: 20px;  height: 25px; line-height:25px; color:#fa6803; font-size: 15px; }

.works_author{ width: 100%; height: 100px; overflow: hidden; border-bottom: 10px solid #f0f0f0}
.works_author a{ color: #000; display: block; overflow: hidden;}
.author_img{ width:70px; height: 70px; float: left;  margin-left:20px; margin-top: 15px;}
.author_img img{ width: 70px; height: 70px; border-radius:70px; }
.author_right{ float: left; margin-left:20px ; margin-top:20px; }
.author_right .p1{ font-size: 15px; letter-spacing: 2px; height: 30px; line-height: 30px;}
.author_right .p2{font-size: 12px; color: #9d9d9d; height: 30px; line-height: 30px;}
.author_right .p2 span{margin-right: 5px;}

.works_ms{width: 100%; height:auto;}
.works_ms .p1{padding-left: 20px;height:30px; line-height: 30px; color: #9e9e9e;font-size: 15px;letter-spacing: 1px; margin-top: 5px;}
.works_ms .p2{padding-left: 20px; line-height:23px; color: #000; letter-spacing: 1px;font-weight: 500; padding-bottom: 10px;}

.works_bgimg{background: #333 ; position: fixed;  left: 0;top: 0; opacity: 0.98; }













/*æ‹å–çºªå½•*/
.con_pm{padding: 0 3%;padding-top:10px;}
.con_pm ul{overflow: hidden;}
.con_pm ul li{width: 46%;height: 206px;border:1px solid #ededed;float: left;margin: 0 1.5%;margin-bottom: 20px;background: #fff;/*box-shadow:  3px 3px 3px  #ccc*/}
.con_pm ul li .pm_img{width: 100%; height: 150px; margin: 0 auto; overflow: hidden; text-align: center; position: relative; background: #F5F5F5}
.con_pm ul li .pm_img .pm_bgc{opacity: 0.3;position: absolute;; right: 4%; bottom: 0;background: #000;width: 40%; height:25px;}
.con_pm ul li .pm_img span{ width: 40%; height:25px;  display: block; z-index: 9; position: absolute;; right: 4%; bottom: 0; color: #fff; font-size: 13px; line-height: 25px; overflow: hidden;}
.con_pm ul li .pm_img img{ padding-top:8px;position: absolute;   margin: auto;   top: -9999px;  right: -9999px;  bottom: -9999px;  left: -9999px; max-width:92% ;max-height:100%;}
.con_pm ul li .pm_title{width: 92%;margin: 0 auto; text-align: center; line-height: 20px; height: 20px; margin-top:5px; font-size: 16px; color: #101010;overflow: hidden;}
.con_pm ul li .pm_size{width: 92%;margin: 0 auto;text-align: center;line-height: 20px;height: 20px;margin-top:4px;font-size: 12px;color: #a3a3a3;overflow: hidden;}
.con_pm ul li .pm_money{width: 92%;margin: 0 auto; text-align: center; line-height: 13px; height:15px; margin-top:4px; font-size: 14px; color: #fa6803;overflow: hidden;}
	
/*è§†é¢‘*/
.video{padding-top:10px; }
.video_eg{width: 100%;height: auto;padding-bottom: 10px;background: #fff;margin-bottom: 15px;border-bottom:8px solid#e1e1e1;position: relative;text-ali;text-align: center;gn: center;} 
.video_eg .bfan{width: 50px;height: 50px;background: url(/images/normal.png) no-repeat;position: absolute;left: 45%;top: 60px;}
.video_eg a{ color: #000 }
.video_eg img{max-width: 100%;height: 180px;}
.video_eg p{ padding-left:10px; font-size: 16px; letter-spacing: 1px; height: 30px; line-height: 30px; overflow: hidden;}
.video_eg .video_time span{ color: #9d9d9d; font-size: 14px;padding-left:10px  }
.video_eg .video_time .video_t_r{ float: right; height: 25px; line-height: 25px; }
.video_t_r .i1{background: url(/images/xx.png) no-repeat;width: 20px;height: 17px;display: inline-block;margin:4px 2px 0 0;float: left;}
.video_t_r .i2{background: url(/images/d.png) no-repeat;width: 20px;height: 15px;display: inline-block;margin:0 15px 0 10px;}


/*3d*/
.exd{ width: 100%; }
.exd_img { width: 98%; padding: 0 1%; }
.exd_img img{width: 100%; height: 100%;border:1px solid #dbdbdb;border-radius:10px; }




.shop{ padding: 0 3%;padding-top:10px;}
.shop a{color: #000}
.shop ul { overflow: hidden; }
.shop ul li{ width: 46%; height: 185px; border:1px solid #ededed ; float: left;margin: 0 1.5%; margin-bottom: 20px; background:#F9F9F9;/* box-shadow:  3px 3px 3px  #ccc;*/}
.shop ul li .bimg{width: 100%; height: 130px; margin: 0 auto; overflow: hidden; text-align: center; position: relative; }
.shop ul li .bimg img{  padding-top:8px;position: absolute;   margin: auto;   top: -9999px;  right: -9999px;  bottom: -9999px;  left: -9999px; max-width:92% ;max-height:100%;}
.shop ul li .p1{ width: 92%;margin: 0 auto;  line-height: 25px; height: 25px; margin-top:5px; font-size: 15px; color: #666; overflow: hidden;}
.shop ul li .p2{width: 92%;;margin: 0 auto; height: 20px; line-height: 20px;  font-size: 13px; }
.shop_jg{ float: left; width: 40%; color: #c40000; height: 20px;; line-height: 20px; font-size: 14px;}
.shop_ll{ float: right; width: 60%; text-align: right; color: #a2a2a2;height: 20px;line-height: 20px;}
.shop_ll b{ color: #c40000; padding: 0 2px; font-size: 12px; }





.dynamic{ padding: 0 3%;}
.dynamic ul li{ min-height: 20px; line-height: 20px; padding: 12px 0; border-bottom: 1px solid #e1e1e1; overflow: hidden;  }
.dynamic ul li a{color: #000; font-weight: 500; font-family: "SimSun"; font-size: 18px;}

.comment{ padding: 0 3%;}
.comment ul li{ min-height: 20px; line-height: 20px; padding: 12px 0; border-bottom: 1px solid #e1e1e1; overflow: hidden;  }
.comment ul li a{color: #000; font-weight: 500; font-family: "SimSun"; font-size: 18px;}

.null_cen{ width: 100%; margin-top: 50px; text-align: center; }
.null_cen p{ color: #666; margin-top: 5px; }




.con_activityAtlas{ padding: 0 3%;padding-top:10px;}
.con_activityAtlas ul { overflow: hidden; }
.con_activityAtlas ul li{ width: 46%; height: 162px; border:1px solid #ededed ; float: left; margin: 0 1.5%; margin-bottom: 20px; background: #eee;/* box-shadow:  3px 3px 3px  #ccc*/}
/*.con_zpj ul li .bimg{width: 100%; height: 130px; margin: 0 auto; overflow: hidden; text-align: center; }
.con_zpj ul li .bimg img{ width: 92%; height: 100%; padding-top:8px}*/
.con_activityAtlas ul li .bimg{width: 90%; height: 145px; margin: 0 auto; overflow: hidden; text-align: center; position: relative; margin-top:10px;}
.con_activityAtlas ul li .bimg img{  position: absolute;   margin: auto;   top: -9999px;  right: -9999px;  bottom: -9999px;  left: -9999px; max-width: 100%;  max-height: 100%;  }


.appnav{
    display: initial!important;
}
.appnav .swiper-slide{
    width: 25%!important;
    float: left;
}
.bimg{}
.bimg  img{
    width: 100%;
    max-height: 180px;
}
.video ul{
    padding: 2% 2%;
}
.video ul li{
    float: left;
    width: 100%;
}
.video ul li p{}











.con_lxfs{padding: 0 6%;padding-top: 10px;margin-bottom: 50px;}
.con_lxfs p{ font-size: 16px; clear: both; }
.con_lxfs p span{display: block;line-height: 20px;font-size:16px; height: 35px;}
.spfl{ float: left; width:30%; text-align: right;  }
.spfr{ float: left;width:70%;}







.app-index{
    position: absolute;
    top: 2px;
    left: 15px;
    display: block;
}
.app-index a{
    color: #fff;
}
.app-index a i{
    font-size: 25px;
}
.app-more{
    position: absolute;
    top: 2px;
    right: 15px;
    display: block;
}
.app-more a{
    color: #fff;
}
.app-more a i{
    font-size: 25px;
}
.app-top{
    width: 100%;
    text-align: center;
    height: 50px;
    line-height: 50px;
    background: #222;
    position: fixed;
    left: 0px;
    z-index: 999;
}
.app-logo{
    color: #fff;
}

.user-name{
    padding: 20px;
}
.user-name span{
    text-align: center;
    width: 100%;
    display: block;
    height: 80px;
    line-height: 80px;
    font-size: 22px;
    color: #0054ce;
}
.user-name ul{
    overflow: hidden;
}
.user-name ul li{

font: 16px arial;

border-radius: 5px 5px 5px 5px;

display: block;

float: left;

text-align: center;

margin-left: 2%;

color: #ffffff;

height: 32px;

line-height: 32px;

margin: 3% 1%;

width: 31%;

border-right: 0;

background: #ff7676;
}
.user-name ul li a{
    color: #fff;
}
.layui-layer {
    background-color: #ffffffdb!important;
}
.app-logo a{ color: #fff;}







.layui-layer-loading {
    border-radius: 100%;
    background: 0 0;
    box-shadow: none;
    border: none;
    display: none;
}
.app-swiper-container {
    width: 100%;
}





.tab_pm{
    padding: 0 2%;
}
.tab_pm ul{
    overflow: hidden;
}
.tab_pm ul li{
    width: 49%;
    float: left;
}
.tab_pm ul li img{
    width: 100%;
    height: 160px;
}
.tab_pm ul li span{
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    display: block;
    text-align: center;
}
.tab_pm ul li:nth-child(2n+2){
    margin-left: 2%;
}





