@charset "utf-8";
/* CSS Document */

body{ min-width: 1280px;}

::-webkit-scrollbar {posiiton: absolute;width: 6px;height:6px;}
::-webkit-scrollbar-track-piece{background-color: #eee;margin: -2px;}
::-webkit-scrollbar-thumb{background: #aaa;min-height: 150px;min-width: 150px;border-radius: 10px;}
::-webkit-scrollbar-thumb:vertical:hover{background: #555555}
::-webkit-scrollbar-thumb:horizontal:hover{background: #55555}

.header{ width: 100%; height: 60px; position: fixed; top: 0px; left: 0px; z-index: 999; background: rgba(236,107,0,1); box-shadow: 0 0 4px rgba(0,0,0,.14), 0 2px 8px rgba(0,0,0,.28);}
.header .topbar{ position: relative; width: 1200px; margin: 0px auto; clear: both;}
.header .topbar .logo{ float: left; margin-left: 0px; margin-top: 5px;}
.header .topbar .logo a{ width: 183px; height: 50px; background: url(/resource/GlobalImg/h_logowhite.png) no-repeat; background-size: contain; display: block;}
.header .topbar .citySelect{
	position: absolute;
    left: 220px;
    top: 55px;
}
.header .topbar .citySelect .currentCity{
	padding-left: 20px;
    background: url(/resource/GlobalImg/h_cityLoction.png) no-repeat;
    background-size: 18px 18px;
    background-position: 1px 2px;
    color: #fff;
    cursor: pointer;
}
.header .topbar .citySelect .toggleCity{
	position: absolute;
    top: 30px;
    left: -45px;
    width: 150px;
    background: rgba(0,0,0,0.5);
    font-size: 0px;
    border-radius: 3px;
    display: none;
}
.header .topbar .citySelect .toggleCity a{
	width: calc(100% / 3);
    line-height: 30px;
    font-size: 14px;
    color: #fff;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}
.header.headed .citySelect{
	left: 200px;
	top: 35px;
}
.header .topbar .nav{ float: right; margin-right: 0px; margin-top: 19px; font-size: 0px;}
.header .topbar .nav a{ margin-left: 20px; display: inline-block; font-size: 16px; color: #fff; font-weight: bold; text-shadow: 0 0 2px rgba(0,0,0,.10), 0 2px 4px rgba(0,0,0,.20);}
.header .topbar .nav a:hover{ color: #ddd;}
.Hj-index .header{ height: 100px; background: rgba(236,107,0,0); box-shadow: none;}
.Hj-index .header .topbar .logo{ margin-left: 10px; margin-top: 22px;}
.Hj-index .header .topbar .logo a{ width: 205px; height: 56px;}
.Hj-index .header .topbar .nav{ margin-right: 10px; margin-top: 40px;}
.Hj-index .headed{ height: 60px; box-shadow: 0 0 4px rgba(0,0,0,.14), 0 2px 8px rgba(0,0,0,.28);}
.Hj-index .headed .topbar .logo{ margin-left: 0px; margin-top: 5px;}
.Hj-index .headed .topbar .logo a{ width: 183px; height: 50px;}
.Hj-index .headed .topbar .nav{ margin-right: 0px; margin-top: 19px;}
.Hj-index .headedAnt .topbar .logo,
.Hj-index .headedAnt .topbar .logo a,
.Hj-index .headedAnt .topbar .nav{ transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;}

.sliderbar{ position: fixed; left: 0px; bottom: 0px; width: 40px; height: 100%; background: url(/resource/GlobalImg/h_sliderbarBg.gif) repeat rgba(53,53,53,1); box-shadow: 0 0 4px rgba(0,0,0,.14), 0 2px 8px rgba(0,0,0,.28); z-index: 9999;}
.sliderbar .sli_btn{ position: absolute; left: 0px; bottom: 50%; margin-bottom: -164px;}
.sliderbar .sli_btn .btn{ width: 40px; height: 40px; display: block; margin-bottom: 8px;}
.sliderbar .sli_btn .btn:last-child{ margin-bottom: 0px;}
.sliderbar .sli_btn .btn a{ position: relative; padding: 10px; width: 20px; height: 20px; display: block; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;}
.sliderbar .sli_btn .btn a:hover{ background: #ec6b00;}
.sliderbar .sli_btn .btn a .ico{ width: 20px; height: 20px; display: block; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;}
.sliderbar .sli_btn .btn a .ico.ico1{ background: url(/resource/GlobalImg/h_navBarBuyIco.png) no-repeat; background-size: contain;}
.sliderbar .sli_btn .btn a:hover .ico.ico1{ background: url(/resource/GlobalImg/h_navBarBuyIcoHover.png) no-repeat; background-size: contain;}
.sliderbar .sli_btn .btn a .ico.ico2{ background: url(/resource/GlobalImg/h_navBarSaleIco.png) no-repeat; background-size: contain;}
.sliderbar .sli_btn .btn a:hover .ico.ico2{ background: url(/resource/GlobalImg/h_navBarSaleIcoHover.png) no-repeat; background-size: contain;}
.sliderbar .sli_btn .btn a .ico.ico3{ background: url(/resource/GlobalImg/h_navBarZfIco.png) no-repeat; background-size: contain;}
.sliderbar .sli_btn .btn a:hover .ico.ico3{ background: url(/resource/GlobalImg/h_navBarZfIcoHover.png) no-repeat; background-size: contain;}
.sliderbar .sli_btn .btn a .ico.ico4{ background: url(/resource/GlobalImg/h_navBarCzIco.png) no-repeat; background-size: contain;}
.sliderbar .sli_btn .btn a:hover .ico.ico4{ background: url(/resource/GlobalImg/h_navBarCzIcoHover.png) no-repeat; background-size: contain;}
.sliderbar .sli_btn .btn a .ico.ico5{ background: url(/resource/GlobalImg/h_navBarDeptIco.png) no-repeat; background-size: contain;}
.sliderbar .sli_btn .btn a:hover .ico.ico5{ background: url(/resource/GlobalImg/h_navBarDeptIcoHover.png) no-repeat; background-size: contain;}
.sliderbar .sli_btn .btn a .ico.ico6{ background: url(/resource/GlobalImg/h_navBarAgentIco.png) no-repeat; background-size: contain;}
.sliderbar .sli_btn .btn a:hover .ico.ico6{ background: url(/resource/GlobalImg/h_navBarAgentIcoHover.png) no-repeat; background-size: contain;}
.sliderbar .sli_btn .btn a .ico.ico7{ background: url(/resource/GlobalImg/h_navBarProssIco.png) no-repeat; background-size: contain;}
.sliderbar .sli_btn .btn a:hover .ico.ico7{ background: url(/resource/GlobalImg/h_navBarProssIcoHover.png) no-repeat; background-size: contain;}
.sliderbar .sli_btn .btn a .ico.ico8{ background: url(/resource/GlobalImg/h_navBarTsjyIco.png) no-repeat; background-size: contain;}
.sliderbar .sli_btn .btn a:hover .ico.ico8{ background: url(/resource/GlobalImg/h_navBarTsjyIcoHover.png) no-repeat; background-size: contain;}
.sliderbar .sli_btn .btn a .tit{ position: absolute; left: 60px; top: 5px; height: 30px; line-height: 28px; padding: 0px 10px; white-space: nowrap; background: url(/resource/GlobalImg/h_sliderTitJt.png) no-repeat rgba(53,53,53,1); border-radius: 4px; color: #fff; font-size: 12px; opacity: 0; display: none;}
.sliderbar .sli_btn .btn a .tit i{ position: absolute; left: -6px; top: 10px; width: 8px; height: 10px; background: url(/resource/GlobalImg/h_sliderTitJt.png) no-repeat; background-size: 8px 10px; display: block;}
.sliderbar .newSli{margin-bottom: -120px;}
.sliderbar .newSli .btn{margin-bottom: 20px;}
.sliderbar .jumpTop{ position: absolute; left: 0px; bottom: 60px; width: 40px; height: 40px; display: none;;}
.sliderbar .jumpTop a{ position: relative; padding: 10px; width: 20px; height: 20px; display: block; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;}
.sliderbar .jumpTop a:hover{ background: #ec6b00;}
.sliderbar .jumpTop a .ico{ width: 20px; height: 20px; display: block; background: url(/resource/GlobalImg/h_jumpTopIco.png) no-repeat; background-size: contain; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;}
.sliderbar .jumpTop:hover a .ico{ background: url(/resource/GlobalImg/h_jumpTopIcoHover.png) no-repeat; background-size: contain;}
.sliderbar .jumpTop a .tit{ position: absolute; left: 60px; top: 5px; height: 30px; line-height: 28px; padding: 0px 10px; white-space: nowrap; background: url(/resource/GlobalImg/h_sliderTitJt.png) no-repeat rgba(53,53,53,1); border-radius: 4px; color: #fff; font-size: 12px; opacity: 0; display: none;}
.sliderbar .jumpTop a .tit i{ position: absolute; left: -6px; top: 10px; width: 8px; height: 10px; background: url(/resource/GlobalImg/h_sliderTitJt.png) no-repeat; background-size: 8px 10px; display: block;}
.Hj-search .sliderbar{ height: calc(100% - 60px);}

.banner{ position: relative; width: 100%; height: 600px; background: #3e3e3e;}
.banner .bannerimg{ height: 600px; top: 0px; z-index: -1; background: url(/resource/ad/indexbanner/bannerbg.jpg) 50% -350px no-repeat fixed; opacity: 0.65;}
.banner .bannertext{ position: absolute; left: 50%; top: 150px; margin-left: -400px; width: 800px; height: 100px; background: url(/resource/GlobalImg/h_bannertext.png) no-repeat;}
.banner .bannercont{ position: absolute; top: 255px; width: 100%; text-align: center; color: #fff; font-size: 30px; font-weight: bold; letter-spacing: 6px; text-shadow: 0 0 2px rgba(0,0,0,.14), 0 2px 4px rgba(0,0,0,.28);}
.banner .bannercont .esfcont{ margin: 0px 4px; font-size: 36px; letter-spacing: 0px;}

.search{ position: absolute; top: 420px; left: 50%; margin-left: -400px; width: 760px; height: 78px; padding: 15px; background: rgba(53,53,53,0.45); border-radius: 6px;}
.search .srh_btn{ position: relative; height: 20px; line-height: 20px; padding-bottom: 13px; font-size: 0px; font-family: microsoft yahei;}
.search .srh_btn a{ width: 60px; display: inline-block; font-size: 16px; text-align: center; color: #fff;}
.search .srh_btn a.zfbtn{ display: none;}
.search .srh_btn a.ghcxbtn{ width: 120px;}
.search .srh_btn .srhBtnUpIco{ position: absolute; bottom: 0px; left: 24px; width: 12px; height: 10px; display: block; background: url(/resource/GlobalImg/h_srhBtnUpIco.png) no-repeat; background-size: 12px 10px;}
.srh_inp .inp{ width: 620px; padding: 0px 10px; height: 45px; line-height: 45px; border: none;}
.srh_inp .submitbtn{ float: right; width: 120px; height: 45px; line-height: 45px; text-align: center; font-size: 18px; background: rgba(236,107,0,1); display: block; color: #fff; font-family: microsoft yahei;}
.srh_inp .showresult{ position: relative; width: 620px; padding: 10px; background: #fff; display: none; border-top: 1px solid #ddd; z-index: 999;}
.srh_inp .showresult .resultList{ height: 32px; line-height: 32px; overflow: hidden; display: block; color: #464646;}
.srh_inp .showresult .resultList em{ margin: 0px 6px; font-style: normal;}
.srh_inp .showresult .resultList .left_t em{ color: #868686; font-size: 14px;}
.srh_inp .showresult .resultList .right_t{ float: right; font-size: 14px;}
.srh_inp .showresult .resultList .right_t em{ font-size: 16px;}
.srh_inp .showresult .resultList:hover .left_t em{ color: #464646;}
.srh_inp .showresult .rotate_multiple_loading{ position: relative; height: 40px;}
.srh_inp .showresult .rotate_multiple_loading > div { -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; left: 50%; margin-left: -17px; top: 0px; border: 2px solid rgba(236,107,0,0.8); border-bottom-color: transparent; border-top-color: transparent; border-radius: 100%; height: 35px; width: 35px; -webkit-animation: rotate 1s 0s ease-in-out infinite; animation: rotate 1s 0s ease-in-out infinite;}
.srh_inp .showresult .rotate_multiple_loading > div:last-child { display: inline-block; top: 10px; margin-left: -7px; width: 15px; height: 15px; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; border-color: rgba(236,107,0,0.8) transparent rgba(236,107,0,0.8) transparent; -webkit-animation-direction: reverse; animation-direction: reverse;}

@keyframes rotate{
  0% { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1);}
  50% { -webkit-transform: rotate(180deg) scale(0.6); transform: rotate(180deg) scale(0.6);}
  100% { -webkit-transform: rotate(360deg) scale(1); transform: rotate(360deg) scale(1); }
}

.mod{ width: 1200px; margin: 0px auto; clear: both;}
.mod .tit{ margin-bottom: 20px;}
.mod .tit .t_up{ margin-bottom: 10px; font-size: 32px; font-weight: bold;}
.mod .tit .t_up span{ margin-left: 10px; font-weight: normal; color: #646464;}
.mod .tit .t_down{ color: #868686;}
.mod .tit .t_down a{ float: right; color: #333;}
.mod .tit .t_down a:hover{ color: #ec6b00;}

.esfmod{ margin-top: 40px;}
.esfmod .esfhouse{ width: 1220px; margin-left: -10px; font-size: 0px;}
.esfmod .esfhouse .list-item{ width: 285px; margin: 0px 10px; display: inline-block; vertical-align: top; zoom: 1; font-size: 16px; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;}
.esfmod .esfhouse .list-item a{ display: block;}
.esfmod .esfhouse .list-item .item-img{ position: relative; width: 285px; height: 13.359375rem; background: #000; overflow: hidden;}
.esfmod .esfhouse .list-item .item-img img{ width: 285px; height: 13.359375rem; opacity: 0.85; transform: scale(1.03); -moz-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03); transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;}
.esfmod .esfhouse .list-item .item-img .wid-in{ position: absolute; bottom: 10px; right: 0px; padding: 0px 20px; height: 30px; line-height: 30px; background: rgba(236,107,0,0.75); border-top-left-radius: 20px; border-bottom-left-radius: 20px; color: #fff;}
.esfmod .esfhouse .list-item .item-info{ position: relative; height: 48px; padding: 0px 6px; padding-top: 10px; overflow: hidden;}
.esfmod .esfhouse .list-item .item-info .info-tit{ height: 24px; line-height: 24px; color: #333; font-size: 16px; letter-spacing: 1px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.esfmod .esfhouse .list-item .item-info .info-ty{ position: absolute; bottom: 0px; transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -webkit-transform: translateY(0px); font-size: 14px; color: #848484; background: #fff; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;}
.esfmod .esfhouse .list-item:hover{ box-shadow: 1px 1px 4px rgba(0,0,0,.14), 2px 2px 10px rgba(0,0,0,.28);}
.esfmod .esfhouse .list-item:hover .item-img img{ opacity: 1;}
.esfmod .esfhouse .list-item:hover .item-info .info-tit{ height: 48px; color: #ec6b00; text-overflow: inherit; white-space: normal; overflow: inherit;}
.esfmod .esfhouse .list-item:hover .item-info .info-ty{ transform: translateY(24px); -moz-transform: translateY(24px); -o-transform: translateY(24px); -webkit-transform: translateY(24px);}

.mobiBanner{ position: relative; width: 100%; height: 500px; margin-top: 40px;}
.mobiBanner .img{ height: 500px;  background: url(/resource/GlobalImg/h_phoneBanner.png) 50% no-repeat;}

.fnewmod{ margin-top: 40px;}
.fnewmod .fnewhouse{ width: 1215px; margin-left: -5px; font-size: 0px;}
.fnewmod .fnewhouse .list-item{ width: 385px; margin: 0px 10px 20px; display: inline-block; vertical-align: top; zoom: 1; font-size: 16px; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;}
.fnewmod .fnewhouse .list-item a{ display: block;}
.fnewmod .fnewhouse .list-item .item-img{ position: relative; width: 385px; height: 18.046875rem; background: #000; overflow: hidden;}
.fnewmod .fnewhouse .list-item .item-img img{ width: 385px; height: 18.046875rem; opacity: 0.85; transform: scale(1.03); -moz-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03); transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;}
.fnewmod .fnewhouse .list-item .item-img .heTit{ position: absolute; top: 20px; left: 0px; padding: 0px 50px 0px 20px; height: 40px; line-height: 40px; font-size: 22px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; color: #fff; background: rgba(236,107,0,0.75);}
.fnewmod .fnewhouse .list-item .item-info{ padding: 6px;}
.fnewmod .fnewhouse .list-item .item-info .info-addr{ height: 16px; line-height: 14px; color: #949494; font-size: 12px;}
.fnewmod .fnewhouse .list-item .item-info .info-addr .loc-ico{ float: left; margin-right: 6px; width: 0.7459016393442623rem; height: 16px; display: block;  background: url(/resource/GlobalImg/h_fnewIndexLocIco.png) no-repeat; background-size: contain;}
.fnewmod .fnewhouse .list-item .item-info .info-ty{ height: 22px; overflow: hidden; line-height: 22px; margin-top: 8px; color: rgba(236,107,0,0.9);}
.fnewmod .fnewhouse .list-item:hover{ box-shadow: 1px 1px 4px rgba(0,0,0,.14), 2px 2px 10px rgba(0,0,0,.28);}
.fnewmod .fnewhouse .list-item:hover .item-img img{ opacity: 1;}

.fgesfmod{ margin-top: 40px; display: none;}
.fgesfmod .fgesfhouse{ width: 1215px; margin-left: -5px; font-size: 0px;}
.fgesfmod .fgesfhouse .list-item{ width: 385px; margin: 0px 10px 20px; display: inline-block; vertical-align: top; zoom: 1; font-size: 16px; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;}
.fgesfmod .fgesfhouse .list-item a{ display: block;}
.fgesfmod .fgesfhouse .list-item .item-img{ position: relative; width: 385px; height: 18.046875rem; background: #000; overflow: hidden;}
.fgesfmod .fgesfhouse .list-item .item-img img{ width: 385px; height: 18.046875rem; opacity: 0.85; transform: scale(1.03); -moz-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03); transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;}
.fgesfmod .fgesfhouse .list-item .item-img .heTit{
	position: absolute;
    top: 20px;
    left: 0px;
    padding: 0px 20px;
    height: 40px;
    line-height: 40px;
    max-width: 320px;
    font-size: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    color: #fff;
    background: rgba(236,107,0,0.75);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;}
.fgesfmod .fgesfhouse .list-item .item-info{ padding: 6px;}
.fgesfmod .fgesfhouse .list-item .item-info .info-addr{ height: 16px; line-height: 14px; color: #949494; font-size: 12px;}
.fgesfmod .fgesfhouse .list-item .item-info .info-addr .loc-ico{ float: left; margin-right: 6px; width: 0.7459016393442623rem; height: 16px; display: block;  background: url(/resource/GlobalImg/h_fnewIndexLocIco.png) no-repeat; background-size: contain;}
.fgesfmod .fgesfhouse .list-item .item-info .info-ty{ height: 22px; overflow: hidden; line-height: 22px; margin-top: 8px; color: rgba(236,107,0,0.9);}
.fgesfmod .fgesfhouse .list-item:hover{ box-shadow: 1px 1px 4px rgba(0,0,0,.14), 2px 2px 10px rgba(0,0,0,.28);}
.fgesfmod .fgesfhouse .list-item:hover .item-img img{ opacity: 1;}

.aozhoumod{ position: relative; width: 100%; height: 500px; margin-top: 40px;}
.aozhoumod .img{height: 500px;  background: url(/resource/GlobalImg/h_aoZhouMap.jpg) 50% no-repeat;}
.aozhoumod .tit{ position: absolute; top: 20px; left: 50%; margin-left: -600px; width: 1200px;}
.aozhoumod .aozhouhouse{ position: absolute; top: 120px; left: 50%; margin-left: -605px; width: 1215px; font-size: 0px;}
.aozhoumod .aozhouhouse .list-item{ position: relative; width: 385px; margin: 0px 10px; display: inline-block; vertical-align: top; zoom: 1; font-size: 16px; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;}
.aozhoumod .aozhouhouse .list-item a{ display: block;}
.aozhoumod .aozhouhouse .list-item .item-img{ position: relative; width: 385px; height: 18.046875rem; background: #000; overflow: hidden;}
.aozhoumod .aozhouhouse .list-item .item-img img{ width: 385px; height: 18.046875rem; opacity: 0.85; transform: scale(1.03); -moz-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03); transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;}
.aozhoumod .aozhouhouse .list-item .azTit{ position: absolute; left: 6px; bottom: 10px; font-size: 12px; color: #fff; width: 190px;}
.aozhoumod .aozhouhouse .list-item .azPrice{ position: absolute; right: 6px; bottom: 6px; font-size: 26px; color: rgba(255,189,103,0.85); text-shadow: 1px 1px 4px rgba(0,0,0,.14), 2px 2px 10px rgba(0,0,0,.28);}
.aozhoumod .aozhouhouse .list-item .item-info{ padding: 6px; background: #fff; color: #333;}
.aozhoumod .aozhouhouse .list-item .info-addr{ margin-top: 4px; font-size: 14px; color: #747474;}
.aozhoumod .aozhouhouse .list-item:hover{ box-shadow: 1px 1px 4px rgba(0,0,0,.14), 2px 2px 10px rgba(0,0,0,.28);}

.tsjy{ position: fixed; left: 420px; top: 50%; z-index: 9;}
.tsjy .suggest_pop{ position: absolute; display:none; top: 50%; margin-top: -190px; right: 45px; width: 320px; height: 420px; background: #FFFBC8; border-radius: 4px; box-shadow: -1px 0px 10px rgba(0,0,0,.14),0 2px 8px rgba(0,0,0,.28); *border: 1px solid #ddd;}
.tsjy .suggest_pop h3{ font-size: 24px; padding: 10px; margin-top: 20px; color: #565656;}
.tsjy .suggest_pop .tel{ font-size: 14px; color: #666; display: inline-block; vertical-align: bottom;}
.tsjy .suggest_pop .tip{ padding: 10px; padding-top: 0px; font-size: 13px; border-bottom: 1px solid #ddd; color: #747474;}
.tsjy .suggest_pop .sug_inp{ padding: 10px;}
.tsjy .suggest_pop .sug_inp .inpDiv{ margin-bottom: 10px;}
.tsjy .suggest_pop .sug_inp .inpDiv i{ margin-left: 6px; width: 24px; height: 24px; vertical-align: middle; display: inline-block;}
.tsjy .suggest_pop .sug_inp .inpDiv .name_state.success{ background: url(images/sug_ico.png) -1px -5px no-repeat;}
.tsjy .suggest_pop .sug_inp .inpDiv .name_state.faild{ background: url(images/sug_ico.png) -41px -4px no-repeat;}
.tsjy .suggest_pop .sug_inp .inpDiv .tel_state.success{ background: url(images/sug_ico.png) -1px -5px no-repeat;}
.tsjy .suggest_pop .sug_inp .inpDiv .tel_state.faild{ background: url(images/sug_ico.png) -41px -4px no-repeat;}
.tsjy .suggest_pop .sug_inp .inpDiv span{ width: 24%; font-size: 14px; display: inline-block;}
.tsjy .suggest_pop .sug_inp .inpDiv input{ width: 50%; height: 24px; line-height: 24px; border: 1px solid #7A9CD3; box-shadow: 0px 0px 5px #7A9CD3;}
.tsjy .suggest_pop .sug_inp .inpDiv input:focus{ box-shadow: 0px 0px 20px #7A9CD3;}
.tsjy .suggest_pop .sug_inp .areaDiv p{ text-align: right; color: #f00;}
.tsjy .suggest_pop .sug_inp .areaDiv span{ font-size: 14px; margin-bottom: 3px; display: block;}
.tsjy .suggest_pop .sug_inp .areaDiv textarea{ width: 290px; padding: 5px; height: 100px; line-height: 20px; color: #999; border: 1px solid #7A9CD3; box-shadow: 0px 0px 5px #7A9CD3;}
.tsjy .suggest_pop .sug_inp .areaDiv textarea:focus{ box-shadow: 0px 0px 20px #7A9CD3; color: #333;}
.tsjy .suggest_pop .sug_inp button{ margin-top: 10px; float: right; padding: 5px 25px; border: none; cursor: pointer; background: #fff; border-radius: 4px; font-size: 14px; border: 1px solid #7A9CD3; box-shadow: 0px 0px 5px #7A9CD3;}
.tsjy .suggest_pop .sug_inp .btnreset{ margin-right: 20px;}
.tsjy .suggest_pop .sug_inp .btnreset:hover{ background: #eee;}
.tsjy .suggest_pop .sug_state{ position: absolute; bottom: 20px; left: 10px; font-size: 16px;}
.tsjy .suggest_pop .sug_state .state_ico{ float: left; margin-right: 2px; width: 24px; height: 24px; display: block;}
.tsjy .suggest_pop .sug_state .state_ico.success{ background: url(images/sug_ico.png) -1px -2px no-repeat;}
.tsjy .suggest_pop .sug_state .state_ico.faild{ background: url(images/sug_ico.png) -38px -3px no-repeat;}
.tsjy .suggest_pop .sug_state .state_cot.success{ color: #f00;}
.tsjy .suggest_pop .close{ position: absolute; top: -10px; right: -10px; width: 26px; height: 26px; line-height: 21px; border-radius: 100%; border: 2px solid #ddd; font-size: 20px; font-weight: bold; cursor: pointer; text-align: center; background: #fff; color: #666; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;}
.tsjy .suggest_pop .close:hover{ background: #ff7a00; color: #fff; border-color: #ff7a00;}

.footer{padding: 100px 0px 0px 0px; background: #262626;}
.footer .container{ width: 560px; margin: 0px auto; margin-bottom: 40px; clear: both;}
.footer .container .st-btn{ display: inline-block; zoom: 1; vertical-align: top;}
.footer .container .st-btn .wid-tit{ width: 80px; margin-bottom: 8px; color: #fff; border-bottom: 1px solid #eb6c00; font-size: 18px; font-weight: bold; white-space: nowrap;}
.footer .container .st-btn .list a{ height: 45px; line-height: 45px; padding-left: 15px; font-size: 14px; color: #fff; display: block; background: url(/resource/GlobalImg/h_footerJtIco.png) left center no-repeat; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;}
.footer .container .st-btn .list a:hover{ color: rgba(236,107,0,0.75);}
.footer .container .agent-list{ width: 200px; margin-left: 230px; display: inline-block; zoom: 1; vertical-align: top;}
.footer .container .agent-list .wid-tit{ width: 80px; margin-bottom: 8px; color: #fff; border-bottom: 1px solid #eb6c00; font-size: 18px; font-weight: bold; white-space: nowrap;}
.footer .container .agent-list .list .ag-item{ height: 64px; margin-top: 25px; color: #fff;}
.footer .container .agent-list .list .ag-item .item-img{ float: left; width: 62px; height: 62px; border: 1px solid #fff; border-radius: 100%;}
.footer .container .agent-list .list .ag-item .item-img a{ margin: 1px; width: 60px; height: 60px; display: block; border-radius: 100%; overflow: hidden;}
.footer .container .agent-list .list .ag-item .item-img a img{ width: 60px; height: 80px;}
.footer .container .agent-list .list .ag-item .item-info{ margin-left: 72px;}
.footer .container .agent-list .list .ag-item .item-info .dept{ font-size: 12px; color: #eb6c00;}
.footer .container .agent-list .list .ag-item .item-info .tel{ font-size: 12px; color: #bfbdbd;}
.footer .container .contact-info{ margin-left: 270px; width: 200px; display: inline-block; zoom: 1; vertical-align: top;}
.footer .container .contact-info .wid-tit{ width: 80px; margin-bottom: 8px; color: #fff; border-bottom: 1px solid #eb6c00; font-size: 18px; font-weight: bold; white-space: nowrap;}
.footer .container .contact-info .list{ color: #fff;}
.footer .container .contact-info .list .co-addr{ margin-top: 13px;}
.footer .container .contact-info .list .co-addr .tit{ padding-left: 20px; font-size: 14px; background: url(/resource/GlobalImg/h_footerLocIco.png) left center no-repeat; background-size: 9px 12px;}
.footer .container .contact-info .list .co-addr p{ padding-left: 20px; font-size: 14px; color: #bfbdbd; line-height: 24px;}
.footer .container .contact-info .list .co-addr p:last-child{ line-height: 18px;}
.footer .container .contact-info .list .co-tel{ margin-top: 5px;}
.footer .container .contact-info .list .co-tel .tit{ padding-left: 20px; font-size: 14px; background: url(/resource/GlobalImg/h_footerTelIco.png) left center no-repeat; background-size: 12px 12px;}
.footer .container .contact-info .list .co-tel p{ padding-left: 20px; font-size: 14px; color: #bfbdbd; line-height: 24px;}
.footer .container .contact-info .list .co-ewm{ margin-top: 5px;}
.footer .container .contact-info .list .co-ewm .tit{ padding-left: 20px; font-size: 14px; background: url(/resource/GlobalImg/h_footerWxIco.png) left center no-repeat; background-size: 15px 12px;}
.footer .container .contact-info .list .co-ewm img{ width: 100px; height: 100px; padding-top: 6px; padding-left: 20px;}
.footer .frd-link{ border-top: 1px solid rgba(236,107,0,0.5);}
.footer .frd-link .linkWid{ width: 890px; margin: 30px auto; clear: both; font-size: 0px;}
.footer .frd-link .linkWid a{ color: #6d6d6d; display: inline-block; margin-right: 15px; font-size: 14px; line-height: 26px;}
.footer .frd-link .linkWid a:hover{ color: #3d3d3d;}
.footer .copyright{ padding: 40px 0px; line-height: 32px; background: #1e1e1e; text-align: center; color: #999; font-size: 14px;}

.upIEPop{ position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index:9999;}
.upIEPop .bG{ width: 100%; height: 100%; background: #000; opacity: 0.5; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);}
.upIEPop .popmod{ position: absolute; left: 50%; top: 50%; width: 460px; height: 180px; margin-left: -200px; margin-top: -140px; padding: 20px; background: #fff;}
.upIEPop .popmod .tips{ line-height: 26px;}
.upIEPop .popmod p{ margin-top: 15px; text-align: center;}
.upIEPop .popmod p a{ color: #ec6b00;}
.upIEPop .popmod p a:hover{ color: #747474;}

/**搜索页**/
.searchBox{ position: relative; width: 1200px; height: 45px; margin: 0px auto; padding-top: 20px;}
.searchBox .srh_btn{ position: relative; height: 20px; line-height: 20px; padding-bottom: 13px; font-size: 0px; font-family: microsoft yahei; display: none;}
.searchBox .srh_btn a{ width: 60px; display: inline-block; font-size: 16px; text-align: center; color: #fff;}
.searchBox .srh_btn a.zfbtn{ display: none;}
.searchBox .srh_btn .srhBtnUpIco{ position: absolute; bottom: 0px; left: 24px; width: 12px; height: 10px; display: block; background: url(/resource/GlobalImg/h_srhBtnUpIco.png) no-repeat; background-size: 12px 10px;}
.searchBox .srh_inp{ position: relative; width: 760px; box-shadow: 1px 1px 4px rgba(0,0,0,.14), 1px 1px 6px rgba(0,0,0,.14);}
.searchBox .srh_inp .inp{ width: 620px; padding: 0px 10px; height: 45px; line-height: 45px; border: none;}
.searchBox .srh_inp .submitbtn{ float: right; width: 120px; height: 45px; line-height: 45px; text-align: center; font-size: 18px; background: rgba(236,107,0,1); display: block; color: #fff; font-family: microsoft yahei;}
.searchBox .srh_inp .showresult{ position: absolute; width: 620px; padding: 10px; background: #fff; display: none; border-top: 1px solid #ddd; z-index: 999;}
.searchBox .srh_inp .showresult .resultList{ height: 32px; line-height: 32px; overflow: hidden; display: block; color: #464646;}
.searchBox .srh_inp .showresult .resultList em{ margin: 0px 6px; font-style: normal;}
.searchBox .srh_inp .showresult .resultList .left_t em{ color: #868686; font-size: 14px;}
.searchBox .srh_inp .showresult .resultList .right_t{ float: right; font-size: 14px;}
.searchBox .srh_inp .showresult .resultList .right_t em{ font-size: 16px;}
.searchBox .srh_inp .showresult .resultList:hover .left_t em{ color: #464646;}
.searchBox .srh_inp .showresult .rotate_multiple_loading{ position: relative; height: 40px;}
.searchBox .srh_inp .showresult .rotate_multiple_loading > div { -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; left: 50%; margin-left: -17px; top: 0px; border: 2px solid rgba(236,107,0,0.8); border-bottom-color: transparent; border-top-color: transparent; border-radius: 100%; height: 35px; width: 35px; -webkit-animation: rotate 1s 0s ease-in-out infinite; animation: rotate 1s 0s ease-in-out infinite;}
.searchBox .srh_inp .showresult .rotate_multiple_loading > div:last-child { display: inline-block; top: 10px; margin-left: -7px; width: 15px; height: 15px; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; border-color: rgba(236,107,0,0.8) transparent rgba(236,107,0,0.8) transparent; -webkit-animation-direction: reverse; animation-direction: reverse;}
.searchBox .srh_cont{ position: absolute; left: 780px; top: 30px;}
.searchBox .srh_cont a{ margin-left: 20px; color: #333; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;}
.searchBox .srh_cont a:hover{ color: #ec6b00;}
.searchBox .srh_cont .ewmDx{ position: absolute; right: -25px; top: 30px; width: 100px; padding: 15px; display: none; background: #fff; box-shadow: 1px 1px 4px rgba(0,0,0,.14), 1px 1px 6px rgba(0,0,0,.28);}
.searchBox .srh_cont .ewmDx p{ font-size: 10px;}
.CSearch{ position: relative; width: 1200px; margin: 30px auto;}
.CSearch .cs-section .cs-tit{ width: 50px; line-height: 30px; font-weight: bold; color: rgba(236,107,0,0.95);}
.CSearch .cs-section .cs-tit .hidtit{ height: 64px; margin-right: 5px; font-size: 12px; text-align: right; display: none;}
.CSearch .cs-section .cs-select{ position: absolute; left: 50px; top: 0px; line-height: 30px;}
.CSearch .cs-section .cs-select a{ padding: 0px 10px; font-size: 15px; color: rgba(70,70,70,0.95); transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in;}
.CSearch .cs-section .cs-select a:hover{ color: #fff; border-radius: 3px; background: rgba(236,107,0,0.9);}
.CSearch .cs-section .cs-select a.selected{ color: #fff; border-radius: 3px; background: rgba(236,107,0,0.9);}
.CSearch .cs-section .cs-select .hidcrt{ padding: 5px; line-height: 25px; border: 1px solid rgba(236,107,0,0.9); display: none;}
.CSearch .cs-section .cs-select .hidcrt a{ padding: 0px 5px; font-size: 12px;}
.CSearch .cs-section .cs-select .crt .customCrt{ margin-left: 20px; display: inline-block; vertical-align: bottom; font-size: 14px;}
.CSearch .cs-section .cs-select .crt .customCrt input{ margin-top: -2px; padding: 2px 5px; width: 46px; text-align: center; border: 1px solid rgba(70,70,70,0.75); box-sizing: border-box;}
.CSearch .cs-section .cs-select .crt .customCrt input:focus{ border: 2px solid rgba(236,107,0,0.9);}
.CSearch .cs-section .cs-select .crt .customCrt .cusBtn{ padding: 1px 5px 2px 5px; margin-top: -5px; font-size: 14px; border: none; background: rgba(70,70,70,0.65); color: #fff; cursor: pointer;}
.CSearch .cs-section .cs-select .crt .customCrt .cusBtn.focused{ background: rgba(236,107,0,0.9);}
.CSearch .cs-section .cs-select .crt .customCrt .cusBtn:hover{ border-radius: 0px;}
.CSearch .cs-option{ margin-top: 10px; display: none;}
.CSearch .cs-option .tit{ font-weight: bold; color: rgba(236,107,0,0.95); display: inline-block; vertical-align: top;}
.CSearch .cs-option .crtOption{ display: inline-block; font-size: 0px; vertical-align: top;}
.CSearch .cs-option .crtOption a.iSelect{ position: relative; margin-right: 10px; padding: 0px 25px 0px 5px; font-size: 14px; color: rgba(70,70,70,0.95); display: inline-block; border: 1px solid rgba(236,107,0,0.95); display: none;}
.CSearch .cs-option .crtOption a.iSelect i{ position: absolute; right: 0px; top: 0px; width: 20px; height: 20px; background: url(/resource/GlobalImg/h_closeBtn_ico.png) no-repeat rgba(236,107,0,0.95); background-size: 12px 12px; background-position: 4px 4px;}
.CSearch .cs-option .crtOption a.cleanAll{ position: relative; padding-left: 20px; font-size: 14px; display: none; color: #9e9e9e;}
.CSearch .cs-option .crtOption a.cleanAll i{ position: absolute; width: 0.80048076923076923076923076923077rem; height: 15px; left: 4px; top: 2px; display: block; background: url(/resource/GlobalImg/h_trash_ico.png) no-repeat; background-size: cover;}

/**学习系统**/
.StudySys .stu-header{ position: relative; background: #fff;}
.StudySys .stu-header.noshadow{ border-bottom: 1px solid #ddd; box-shadow: none;}
.StudySys .stu-header .stu-nav-bar{ position: relative; float: left; margin-left: 35px; margin-top: 17px; width: 26px; height: 26px;}
.StudySys .stu-header .stu-nav-bar .stu-nav-ico{ padding-top: 6px; display: block; width: 100%; height: 20px;}
.StudySys .stu-header .stu-nav-bar .stu-nav-ico span{ position: relative; width: 20px; height: 2px; margin: 0 auto; margin-bottom: 4px; background: #333; display: block;}
.StudySys .stu-header .stu-nav-bar .stu-nav-ico span:last-child{ margin-bottom: 0;}
.StudySys .stu-header .stu-nav-bar .stu-nav-ico.hovered span{ width: 17px; background: #666;}
.StudySys .stu-header .stu-nav-bar .stu-nav-ico.hovered span:first-child{ left: 2px; transform-origin: left; transform: rotateZ(45deg);}
.StudySys .stu-header .stu-nav-bar .stu-nav-ico.hovered span:nth-child(2){ visibility: hidden;}
.StudySys .stu-header .stu-nav-bar .stu-nav-ico.hovered span:last-child{ left: 2px; transform-origin: left; transform: rotateZ(-45deg);}
.StudySys .stu-header .stu-nav-bar .navTips{ position: absolute; top: 4px; left: 27px; width: 40px; display: block; padding: 1px 0px; text-align: center; background: rgba(0,0,0,0.5); color: #fff; font-size: 10px; border-radius: 5px;}
.StudySys .stu-header .stu-nav-bar.backBtn .stu-nav-ico{ background: url(/resource/GlobalImg/m_leftJtIco.png) no-repeat; background-size: contain;}
.StudySys .stu-header .logo{ float: left; margin-left: 45px; margin-top: 10px;}
.StudySys .stu-header .logo a{ width: 146px; height: 40px; background: url(/resource/GlobalImg/h_logostock.png) no-repeat; background-size: contain; display: block;}
.StudySys .stu-header .stu-slider-nav{ position: fixed; left: -290px; top: 0px; width: 280px; height: 100%; background: #fff; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15); z-index: 99; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;}
.StudySys .stu-header .stu-slider-nav .topbox{ height: 60px; border-bottom: 1px solid #ddd;}
.StudySys .stu-header .stu-slider-nav .topbox .stu-nav-bar{ background: #dedede; border-radius: 50%;}
.StudySys .stu-header .stu-slider-nav .topbox .stu-nav-bar .stu-nav-ico span{ width: 17px; background: #9e9e9e;}
.StudySys .stu-header .stu-slider-nav .topbox .stu-nav-bar .stu-nav-ico span:first-child{ left: 2px; transform-origin: left; transform: rotateZ(45deg);}
.StudySys .stu-header .stu-slider-nav .topbox .stu-nav-bar .stu-nav-ico span:nth-child(2){ visibility: hidden;}
.StudySys .stu-header .stu-slider-nav .topbox .stu-nav-bar .stu-nav-ico span:last-child{ left: 2px; transform-origin: left; transform: rotateZ(-45deg);}
.StudySys .stu-header .stu-slider-nav .slider-menu{ padding: 50px 40px;}
.StudySys .stu-header .stu-slider-nav .slider-menu .menu-item{ line-height: 40px;}
.StudySys .stu-header .stu-slider-nav .slider-menu .menu-item a{ color: #9e9e9e; display: block; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;}
.StudySys .stu-header .stu-slider-nav .slider-menu .menu-item a:hover{ color: #333;}
.StudySys .stu-header .scrim{ position: fixed; top: 0; right: 0; bottom: 0; left: 0; visibility: hidden; opacity: 0; transition: opacity ease-in-out 0.38s, visibility ease-in-out 0.38s; background-color: rgba(0, 0, 0, 0.3); z-index: 9;}
.StudySys .stu-header .scrim.show{ visibility: visible; opacity: 0;}
.StudySys .stu-header .stu-search{ position: absolute; top: 10px; right: 200px;}
.StudySys .stu-header .stu-search .divinp{ position: relative; height: 40px;}
.StudySys .stu-header .stu-search .divinp .srhinp{ padding: 0px 20px; padding-left: 40px; width: 100px; height: 40px; line-height: 40px; border: 1px solid #ccc; border-radius: 20px; background: #fff; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;}
.StudySys .stu-header .stu-search .divinp .srhinp.focused{ box-shadow: 0 0 4px rgba(0,0,0,.14), 0 2px 8px rgba(0,0,0,.28);}
.StudySys .stu-header .stu-search .divinp i.srh-ico{ position: absolute; left: 16px; top: 13px; width: 16px; height: 16px; display: block; background: url(/resource/GlobalImg/h_stusrhIco.png) no-repeat; background-size: contain;}
.StudySys .stu-header .stu-search .divinp .srh-func{ position: absolute; right: 10px; top: 9px; width: 40px; height: 24px; line-height: 24px; text-align: center; border-radius: 10px; display: block; color: #9e9e9e; display: none; font-size: 14px;}
.StudySys .stu-header .stu-search .divinp .srh-func.enb{ background: #5677fc; color: #fff; display: block; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;}
.StudySys .stu-header .stu-search .divinp .srh-func.enb:hover{ background: #3b50ce;}
.StudySys .stu-header .stu-userInfo{ position: absolute; right: 100px; padding: 10px 0px; width: 60px; height: 50px;}
.StudySys .stu-header .stu-userInfo .userPhoto{ position: relative; width: 40px; height: 40px; margin-left: 10px; display: block; border-radius: 50%; overflow: hidden; cursor: pointer; z-index: 99; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;}
.StudySys .stu-header .stu-userInfo .userPhoto img{ width: 100%;}
.StudySys .stu-header .stu-userInfo.hovered .userPhoto{ width: 65px; height: 65px; margin-left: 0px; margin-top: 20px; box-shadow: 0 0 4px rgba(0,0,0,.14), 0 2px 8px rgba(0,0,0,.28);}
.StudySys .stu-header .stu-userInfo .infoBox{ position: absolute; left: 50%; margin-left: -110px; top: 61px; padding: 10px; padding-top: 40px; width: 200px; background: #fff; display: none; box-shadow: 0 0 4px rgba(0,0,0,.14), 0 2px 8px rgba(0,0,0,.28);}
.StudySys .stu-header .stu-userInfo .infoBox .name{ font-size: 14px; text-align: center; font-weight: bold;}
.StudySys .stu-header .stu-userInfo .infoBox .integration,
.StudySys .stu-header .stu-userInfo .infoBox .stu-time,
.StudySys .stu-header .stu-userInfo .infoBox .last-time{ margin-bottom: 10px; font-size: 14px; color: #333;}
.StudySys .stu-header .stu-userInfo .infoBox .integration span,
.StudySys .stu-header .stu-userInfo .infoBox .stu-time span,
.StudySys .stu-header .stu-userInfo .infoBox .last-time span{ color: #646464;}
.StudySys .stu-header .stu-userInfo .infoBox .integration{ margin-top: 10px;}
.StudySys .stu-header .stu-userInfo .infoBox .login-out-btn{ height: 35px; line-height: 35px; display: block; text-align: center;}
.StudySys .stu-header .stu-userInfo .infoBox .login-out-btn a{ display: block; font-size: 16px; background: #e51c23; color: #fff;}
.StudySys .stu-header .stu-userInfo .infoBox .login-out-btn a:hover{ background: #b0120a;}
.StudySys .stu-content{ position: fixed; top: 60px; left: 0px; width: 100%; overflow-y: auto; background: #eeeeee;}
.StudySys .stu-content .loading-bar{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 999;}
.StudySys .stu-content .loading-bar .load-bg{ width: 100%; height: 100%; background: rgba(255,255,255,0.3);}
.StudySys .stu-content .play-list-item{ margin: 30px auto; width: 1280px; margin-bottom: 0px; font-size: 0px;}
.StudySys .stu-content .play-list-item .item{ margin: 0px 30px 30px; width: 260px; display: inline-block; font-size: 16px; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;}
.StudySys .stu-content .play-list-item .item a{ display: block;}
.StudySys .stu-content .play-list-item .item .item-pic{ position: relative; width: 100%; height: 163px; overflow: hidden;}
.StudySys .stu-content .play-list-item .item .item-pic .p-bg{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: block; background: rgba(0,0,0,0.4); z-index: 9; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;}
.StudySys .stu-content .play-list-item .item .item-pic .p-ico{ position: absolute; left: 50%; top: 50%; margin-left: -65px; margin-top: -65px; width: 130px; height: 130px; z-index: 9; display: block; opacity: 0; background: url(/resource/GlobalImg/h_playBtnIco.png) no-repeat; background-size: contain; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;}
.StudySys .stu-content .play-list-item .item .item-pic img{ width: 100%; height: 100%; transform: scale(1.05);}
.StudySys .stu-content .play-list-item .item .item-info{ position: relative; padding: 5px; background: #fff; height: 48px; line-height: 24px; overflow: hidden;}
.StudySys .stu-content .play-list-item .item .item-info .tit{ font-size: 14px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.StudySys .stu-content .play-list-item .item .item-info .date{ color: #9e9e9e; font-size: 12px; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;}
.StudySys .stu-content .play-list-item .item .item-info .freq{ position: absolute; right: 5px; bottom: 5px; color: #9e9e9e; font-size: 12px;}
.StudySys .stu-content .play-list-item .item .aniBor{ width: 0%; height: 3px; background: #e51c23; margin: 0px auto; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;}
.StudySys .stu-content .play-list-item .item:hover{ box-shadow: 0 0 4px rgba(0,0,0,.14), 0 2px 8px rgba(0,0,0,.28);}
.StudySys .stu-content .play-list-item .item:hover .aniBor{ width: 100%;}
.StudySys .stu-content .play-list-item .item:hover .item-pic .p-ico{ margin-left: -40px; margin-top: -40px; width: 80px; height: 80px; opacity: 0.6;}
.StudySys .stu-content .play-list-item .item:hover .item-pic .p-bg{ background: rgba(0,0,0,0);}
.StudySys .stu-content .page-jump{ margin: 0px auto; margin-bottom: 30px; text-align: center; font-size: 0px;}
.StudySys .stu-content .page-jump a{ margin: 0px 10px; padding: 4px 10px; background: #fff; display: inline-block; font-size: 16px; color: #333; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;}
.StudySys .stu-content .page-jump a.on,
.StudySys .stu-content .page-jump a:hover{ background: #e51c23; color: #fff;}
.StudySys .stu-content .play-page-mod{ margin: 30px auto; width: 1280px; font-size: 0px;}
.StudySys .stu-content .play-page-mod .left-box{ width: 854px; display: inline-block; vertical-align: top; font-size: 16px;}
.StudySys .stu-content .play-page-mod .left-box .play-tmp{ position: relative; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.1);}
.StudySys .stu-content .play-page-mod .left-box .play-tmp .v-box{ position: relative; padding: 20px; width: 814px; min-height: 680px; line-height: 26px; font-size: 14px;}
.StudySys .stu-content .play-page-mod .left-box .play-tmp .v-box img{ max-width: 754px;}
.StudySys .stu-content .play-page-mod .left-box .play-tmp .v-box video{ width: 814px; height: 458px;}
.StudySys .stu-content .play-page-mod .left-box .play-tmp .v-title{ padding:10px; padding-bottom: 4px; border-bottom: 3px solid #5677fc;}
.StudySys .stu-content .play-page-mod .left-box .play-tmp .v-title .tit{ margin-bottom: 10px; font-size: 20px; font-weight: normal;}
.StudySys .stu-content .play-page-mod .left-box .play-tmp .v-title .info{ color: #747474; font-size: 14px;}
.StudySys .stu-content .play-page-mod .left-box .play-tmp .v-title .info .freq,
.StudySys .stu-content .play-page-mod .left-box .play-tmp .v-title .info .up-user,
.StudySys .stu-content .play-page-mod .left-box .play-tmp .v-title .info .password{ margin-left: 60px;}
.StudySys .stu-content .play-page-mod .left-box .play-tmp .v-files{ position: absolute; right: 15px; top: 18px; visibility: hidden;}
.StudySys .stu-content .play-page-mod .left-box .play-tmp .v-files i{ margin: 0px auto; width: 24px; height: 24px; display: block; background: url(/resource/GlobalImg/h_fileDownIco.png); background-size: contain;}
.StudySys .stu-content .play-page-mod .left-box .play-tmp .v-files span{ font-size: 14px; color: #333;}

.StudySys .stu-content .play-page-mod .left-box .comment-tmp{ margin-top: 20px; position: relative; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.1);}
.StudySys .stu-content .play-page-mod .left-box .comment-tmp .comm-info{ position: relative; padding: 10px; border-bottom: 3px solid #5677fc;}
.StudySys .stu-content .play-page-mod .left-box .comment-tmp .comm-info .comm-num{ font-size: 14px;}
.StudySys .stu-content .play-page-mod .left-box .comment-tmp .comm-info .reply-box{ position: relative; margin-top: 20px; margin-bottom: 10px;}
.StudySys .stu-content .play-page-mod .left-box .comment-tmp .comm-info .reply-box .i-info{ float: left; margin-left: 10px; width: 60px; height: 60px; border-radius: 50%; overflow: hidden;}
.StudySys .stu-content .play-page-mod .left-box .comment-tmp .comm-info .reply-box .i-info img{ width: 100%;}
.StudySys .stu-content .play-page-mod .left-box .comment-tmp .comm-info .reply-box .i-area{ margin-left: 80px; height: 60px; margin-right: 92px;}
.StudySys .stu-content .play-page-mod .left-box .comment-tmp .comm-info .reply-box .i-area textarea{ padding: 4px; width: calc(100% - 8px); height: 50px; border-color: #ccc;}
.StudySys .stu-content .play-page-mod .left-box .comment-tmp .comm-info .reply-box .i-submit{ position: absolute; right: 10px; bottom: 0px;}
.StudySys .stu-content .play-page-mod .left-box .comment-tmp .comm-info .reply-box .i-submit a{ width: 80px; height: 60px; line-height: 60px; text-align: center; display: block; background: #e1e1e1; color: #999999;}
.StudySys .stu-content .play-page-mod .left-box .comment-tmp .comm-info .reply-box.focus .i-area textarea{ border-color: #167ac6;}
.StudySys .stu-content .play-page-mod .left-box .comment-tmp .comm-info .reply-box.focus .i-submit a{ background: #167ac6; color: #fff;}
.StudySys .stu-content .play-page-mod .left-box .comment-tmp .comm-item{ padding: 20px 10px;}
.StudySys .stu-content .play-page-mod .left-box .comment-tmp .comm-item .item{ margin-bottom: 30px;}
.StudySys .stu-content .play-page-mod .left-box .comment-tmp .comm-item .item .item-userinfo{ float: left; width: 60px; margin-left: 10px;}
.StudySys .stu-content .play-page-mod .left-box .comment-tmp .comm-item .item .item-userinfo .photo{ width: 60px; height: 60px; border-radius: 50%; overflow: hidden;}
.StudySys .stu-content .play-page-mod .left-box .comment-tmp .comm-item .item .item-userinfo .photo img{ width: 100%;}
.StudySys .stu-content .play-page-mod .left-box .comment-tmp .comm-item .item .item-comm{ margin-left: 80px; margin-right: 10px;}
.StudySys .stu-content .play-page-mod .left-box .comment-tmp .comm-item .item .item-comm .te-name{ line-height: 22px;}
.StudySys .stu-content .play-page-mod .left-box .comment-tmp .comm-item .item .item-comm .te-name .name{ font-size: 15px; font-weight: bold;}
.StudySys .stu-content .play-page-mod .left-box .comment-tmp .comm-item .item .item-comm .te-name .dept{ margin-top: 4px; font-size: 13px; color: #999999;}
.StudySys .stu-content .play-page-mod .left-box .comment-tmp .comm-item .item .item-comm .te-name .date{ float: right; color: #999999;font-size: 13px;}
.StudySys .stu-content .play-page-mod .left-box .comment-tmp .comm-item .item .item-comm .commbox{ font-size: 13px; line-height: 24px;}
.StudySys .stu-content .play-page-mod .left-box .comment-tmp .comm-item .item:last-child{ margin-bottom: 10px;}
.StudySys .stu-content .play-page-mod .left-box .comment-tmp .load-more{ margin: 0px auto; padding-bottom: 20px; width: 95%; text-align: center;}
.StudySys .stu-content .play-page-mod .left-box .comment-tmp .load-more a{ padding: 5px 0px; display: block; border: 1px solid #ccc; font-size: 14px; color: #646464;}
.StudySys .stu-content .play-page-mod .left-box .comment-tmp .load-more a:hover{ color: #333;}

.StudySys .stu-content .play-page-mod .right-box{ margin: 0px 10px; padding: 10px; display: inline-block; vertical-align: top; font-size: 16px; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.1);}
.StudySys .stu-content .play-page-mod .right-box .r-tit{ margin-bottom: 10px; padding-bottom: 4px; width: 100%; height: 24px; line-height: 24px; border-bottom: 2px solid #ddd;}
.StudySys .stu-content .play-page-mod .right-box .recom-item .item{ width: 380px; height: 94px; padding: 10px 0px; font-size: 16px; border-bottom: 1px dashed #ddd; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;}
.StudySys .stu-content .play-page-mod .right-box .recom-item .item:first-child{ padding-top: 0px;}
.StudySys .stu-content .play-page-mod .right-box .recom-item .item:last-child{ padding-bottom: 0px; border-bottom: none;}
.StudySys .stu-content .play-page-mod .right-box .recom-item .item a{ height: 94px; display: block;}
.StudySys .stu-content .play-page-mod .right-box .recom-item .item .item-pic{ float: left; width: 168px; height: 94px; overflow: hidden;}
.StudySys .stu-content .play-page-mod .right-box .recom-item .item .item-pic .p-bg{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: block; background: rgba(0,0,0,0.4); transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;}
.StudySys .stu-content .play-page-mod .right-box .recom-item .item .item-pic .p-ico{ position: absolute; left: 50%; top: 50%; margin-left: -65px; margin-top: -65px; width: 130px; height: 130px; display: block; opacity: 0; background: url(/resource/GlobalImg/h_playBtnIco.png) no-repeat; background-size: contain; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;}
.StudySys .stu-content .play-page-mod .right-box .recom-item .item .item-pic img{ width: 100%;}
.StudySys .stu-content .play-page-mod .right-box .recom-item .item .item-info{ margin-left: 173px; height: 48px; line-height: 24px; overflow: hidden;}
.StudySys .stu-content .play-page-mod .right-box .recom-item .item .item-info .tit{ font-size: 16px; color: #333;}
.StudySys .stu-content .play-page-mod .right-box .recom-item .item .item-info .date{color: #9e9e9e; font-size: 12px; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;}
.StudySys .stu-content .play-page-mod .right-box .recom-item .item:hover .item-info .tit{ color: #36c;}

.StudySys .stu-login-box{ position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; display: block;}
.StudySys .stu-login-box .bg{ width: 100%; height: 100%; background: rgba(255,255,255,0.70);}
.StudySys .stu-login-box .stu-login{ position: absolute; left: 50%; top: 50%; margin-left: -190px; margin-top: -156px; background: rgba(55,55,55,0.8); padding: 20px; border-radius: 5px;}
.StudySys .stu-login-box .stu-login .title{ margin-bottom: 10px; color: #fff; text-shadow: 1px 1px 3px rgba(55,55,55,0.9); font-size: 36px; letter-spacing: 3px; font-weight: bold;}
.StudySys .stu-login-box .stu-login .tips{ margin-bottom: 30px; font-size: 18px; color: #fff; text-shadow: 1px 1px 3px rgba(55,55,55,0.9); letter-spacing: 3px;}
.StudySys .stu-login-box .stu-login .divInp{ margin-bottom: 20px;}
.StudySys .stu-login-box .stu-login .divInp .input{ padding: 0px 20px; width: 300px; height: 40px; line-height: 40px; color: #333; background: rgba(253,253,253,0.6); border: none; box-shadow: 0 0 2px rgba(55,55,55,.4), 0 2px 4px rgba(55,55,55,.8);}
.StudySys .stu-login-box .stu-login .divBtn{ width: 340px; height: 40px; line-height: 40px; text-align: center;}
.StudySys .stu-login-box .stu-login .divBtn a{ background: #3949ab; display: block; color: #fff; box-shadow: 0 0 2px rgba(55,55,55,.4), 0 2px 4px rgba(55,55,55,.8); transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;}
.StudySys .stu-login-box .stu-login .divBtn a:hover{ background: #3f51b5;}
.StudySys .stu-login-box .stu-login .divBtn a.noenb,
.StudySys .stu-login-box .stu-login .divBtn a.noenb:hover{ background: #9e9e9e; color: #464646;}

/** 门店地图  **/
.deptMap .header .topbar{ width: 100%;}
.deptMap .header .topbar .logo{ margin-left: 40px;}
.deptMap .header .topbar .nav{ margin-right: 40px;}
.mapContainer{ position: relative; margin-top: 60px; width: 100%;}
.deptMap .mapMaker{ position: absolute; margin-left: -5px; margin-top: 5px; height: 24px; line-height: 24px; color: #fff; white-space: nowrap;}
.deptMap .mapMaker span{ padding: 0px 10px; border-radius: 5px; margin-left: 20px; display: block; font-size: 14px;}
.deptMap .mapMaker .makerIco{ position: absolute; width: 20px; height: 25px; overflow: hidden; background-repeat: no-repeat; background-size: cover;}
.deptMap .mapMaker.HJ .makerIco{ background-image: url(/resource/GlobalImg/h_makerIconHJ.png);}
.deptMap .mapMaker.Other .makerIco{ background-image: url(/resource/GlobalImg/h_makerIconOther.png);}
.deptMap .mapMakered span{ background: rgba(176,18,10,0.9);}

.floatTips{ position: fixed; width: 200px; bottom: 10px; right: 10px; background: #fff; box-shadow: 0 0 4px rgba(0,0,0,.14), 0 2px 8px rgba(0,0,0,.28); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.floatTips .DeptName{ height: 30px; line-height: 30px; text-align: center; background: #e51c23; flex-basis: 100%;}
.floatTips .DeptName a{ font-size: 14px; color: #fff; display: block;}
.floatTips .rr{ padding: 4px; font-size: 14px; cursor: pointer; flex-basis: 50%; box-sizing: border-box;}
.floatTips .rr i{ width: 20px; height: 20px; margin-right: 10px; border-radius: 50px; background: #ccc; display: inline-block; vertical-align: text-bottom;}
.floatTips .r0 i{ background: rgba(229,28,35,0.8);}
.floatTips .r1 i{ background: rgba(63,81,181,0.8);}
.floatTips .r2 i{ background: rgba(0,188,212,0.8);}
.floatTips .r3 i{ background: rgba(37,155,36,0.8);}
.floatTips .r4 i{ background: rgba(255,152,0,0.8);}
.floatTips .r5 i{ background: rgba(121,85,72,0.8);}
.floatTips .r6 i{ background: rgba(96,125,139,0.8);}
.floatTips .r7 i{ background: rgba(102,51,102,0.8);}
.floatTips .getAllData{ height: 30px; line-height: 30px; text-align: center; background: #EA6700; flex-basis: 100%;}
.floatTips .getAllData a{ font-size: 14px; color: #fff; display: block;}
.floatTips .other i{ background: rgba(0,51,0,0.8);}
.floatTips .desabled{ opacity: 0.5;}

/*考试系统*/
.examMod .topbar{ position: relative; height: 60px; line-height: 60px; box-shadow: 0 0 4px rgba(0,0,0,.14), 0 2px 8px rgba(0,0,0,.28);}
.examMod .topbar .logo{ position: absolute; left: 20px; top: 7px; width: 168.39px; height: 46px;}
.examMod .topbar .logo a{ width: 168.39px; height: 46px; display: block; background: url(/resource/GlobalImg/h_logostock.png) no-repeat; background-size: cover;}
.examMod .topbar .rightBar{ position: absolute; right: 20px; font-size: 0px; display: inline-block;}
.examMod .topbar .rightBar a{ margin-left: 30px; font-size: 14px; padding: 5px 12px; border-radius: 5px; background: rgba(229,28,35,0.8); color: #fff; box-shadow: 0 0 4px rgba(0,0,0,.14), 0 2px 8px rgba(0,0,0,.28); display: none;}
.examMod .topbar .rightBar a.starExam{ display: inline;}
.examMod .container{ overflow: hidden;}
.examMod .container .mod{ width: 100%; display: none;}
.examMod .container .mod.firstArea{ display: flex; justify-content: center; align-items: center;}
.examMod .container .mod.firstArea .dtSelect{ font-size: 0px; display: block;}
.examMod .container .mod.firstArea .dtSelect a{ margin: 0px 30px; width: 150px; height: 150px; line-height: 150px; border-radius: 5px; text-align:center; box-shadow: 0 0 4px rgba(0,0,0,.14), 0 2px 8px rgba(0,0,0,.28); display: inline-block; background: rgba(0,150,136,0.8); color: #fff; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; font-size: 22px; font-weight: bold;}
.examMod .container .mod.firstArea .dtSelect a:hover{ background: rgba(0,150,136,0.6);}
.examMod .container .mod.rqqArea,
.examMod .container .mod.rqArea{ display: none;}
.examMod .container .mod.rqqArea .rqqSelect{ display: flex; justify-content: center; align-items: center;}
.examMod .container .mod.rqqArea .rqqSelect .dtSele{ width: 480px; display: inline-block; font-size: 0px;}
.examMod .container .mod.rqqArea .rqqSelect .dtSele .setit{ font-size: 1.25rem; text-align: center; font-weight: bold;}
.examMod .container .mod.rqqArea .rqqSelect a{ margin: 30px 30px; width: 100px; height: 100px; line-height: 100px; border-radius: 5px; text-align:center; display: inline-block; box-shadow: 0 0 4px rgba(0,0,0,.14), 0 2px 8px rgba(0,0,0,.28); background: rgba(63,81,181,0.8); color: #fff; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; font-size: 22px; font-weight: bold;}
.examMod .container .mod.rqqArea .rqqSelect a:hover{ background: rgba(63,81,181,0.6)}
.examMod .container .mod.rqqArea .rqqCont{ position: relative;}
.examMod .container .mod.rqqArea .rqqCont ul{ height: calc(100% - 100px); padding: 50px; display: none; overflow: auto;}
.examMod .container .mod.rqqArea .rqqCont ul li{ min-height: calc(100% / 5 - 15px); margin-bottom: 15px;}
.examMod .container .mod.rqqArea .rqqCont ul li:last-child{ margin-bottom: 0px;}
.examMod .container .mod.rqqArea .rqqCont ul li .qus{ font-weight: bold; font-size: 24px;}
.examMod .container .mod.rqqArea .rqqCont ul li .qus em{ font-style: normal;}
.examMod .container .mod.rqqArea .rqqCont ul li .ans{ margin-top: 10px; color: #e51c23; font-size: 22px; visibility: hidden;}
.examMod .container .mod.rqqArea .rqqCont ul li .ans em{ font-style: normal;}
.examMod .container .mod.rqqArea .rqqCont ul.showAns .ans{ visibility: visible;}
.examMod .container .mod.rqqArea .rqqCont .ansBtn{ text-align: center; position: absolute; bottom: 0px; width: 100%; height: 50px; line-height: 50px; background: #fff; border-top: 1px solid #ddd;}
.examMod .container .mod.rqqArea .rqqCont .ansBtn a{ padding: 10px 30px; background: #e51c23; color: #fff; border-radius: 5px; display: inline-block; display: none;}
.examMod .container .mod.rqwArea{ display: none;}
.examMod .container .mod.rqwArea .rqwSelect{ display: flex; justify-content: center; align-items: center;}
.examMod .container .mod.rqwArea .rqwSelect .dtSele{ width: 330px; display: inline-block; font-size: 0px;}
.examMod .container .mod.rqwArea .rqwSelect .dtSele .setit{ margin-bottom: 20px; font-size: 1.25rem; text-align: center; font-weight: bold;}
.examMod .container .mod.rqwArea .rqwSelect .dtSele .retit{font-size: 1rem; text-align: center;}
.examMod .container .mod.rqwArea .rqwSelect a{ margin: 20px 15px; width: 80px; height: 80px; line-height: 80px; border-radius: 5px; text-align:center; display: inline-block; box-shadow: 0 0 4px rgba(0,0,0,.14), 0 2px 8px rgba(0,0,0,.28); background: rgba(63,81,181,0.8); color: #fff; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; font-size: 22px; font-weight: bold;}
.examMod .container .mod.rqwArea .rqwSelect a:hover{ background: rgba(63,81,181,0.6)}
.examMod .container .mod.rqwArea .rqwCont{ position: relative;}
.examMod .container .mod.rqwArea .rqwCont ul{ height: calc(100% - 100px); padding: 50px; display: none; overflow: auto;}
.examMod .container .mod.rqwArea .rqwCont ul li{ height: 100%; display: none;}
.examMod .container .mod.rqwArea .rqwCont ul li:last-child{ margin-bottom: 0px;}
.examMod .container .mod.rqwArea .rqwCont ul li .qus{ height: 50%; font-weight: bold; font-size: 42px; border-bottom: 1px solid #9e9e9e;}
.examMod .container .mod.rqwArea .rqwCont ul li .qus em{ font-style: normal;}
.examMod .container .mod.rqwArea .rqwCont ul li .ans{ margin-top: 10px; color: #e51c23; font-size: 40px; visibility: hidden;}
.examMod .container .mod.rqwArea .rqwCont ul li .ans em{ font-style: normal;}
.examMod .container .mod.rqwArea .rqwCont ul li.showAns .ans{ visibility: visible;}
.examMod .container .mod.rqwArea .rqwCont ul li.show{ display: block;}
.examMod .container .mod.rqwArea .rqwCont .ansBtn{ position: absolute; bottom: 0px; width: calc(100% - 100px); height: 50px; line-height: 50px; background: #fff; border-top: 1px solid #ddd;}
.examMod .container .mod.rqwArea .rqwCont .ansBtn a{ margin-top: 5px; width: 142px; height: 40px; line-height: 40px; background: #e51c23; text-align: center; color: #fff; border-radius: 5px; display: inline-block;}
.examMod .container .mod.rqwArea .rqwCont ul .ansBtn a.prev{ position:  absolute; left: 0px; display: none;}
.examMod .container .mod.rqwArea .rqwCont ul .ansBtn a.da{ position:  absolute; left: 50%; margin-left: -62px;}
.examMod .container .mod.rqwArea .rqwCont ul .ansBtn a.next{ position:  absolute; right: 0px;}
.examMod .container .mod.rqwArea .rqwCont ul.showAns .ansBtn a.da{ background: #9e9e9e; color: #fff;}

.examMod .container .mod.rqArea{ display: none;}
.examMod .container .mod.rqArea .rqSelect{ display: flex; justify-content: center; align-items: center;}
.examMod .container .mod.rqArea .rqSelect .dtSele{ width: 480px; display: inline-block; font-size: 0px;}
.examMod .container .mod.rqArea .rqSelect .dtSele .setit{ font-size: 1.25rem; text-align: center; font-weight: bold;}
.examMod .container .mod.rqArea .rqSelect a{ margin: 30px 30px; width: 100px; height: 100px; line-height: 100px; border-radius: 5px; text-align:center; display: inline-block; box-shadow: 0 0 4px rgba(0,0,0,.14), 0 2px 8px rgba(0,0,0,.28); background: rgba(63,81,181,0.8); color: #fff; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; font-size: 22px; font-weight: bold;}
.examMod .container .mod.rqArea .rqSelect a:hover{ background: rgba(63,81,181,0.6)}
.examMod .container .mod.rqArea .rqCont{ position: relative;}
.examMod .container .mod.rqArea .rqCont ul{ height: calc(100% - 100px); padding: 50px; display: none; overflow: auto;}
.examMod .container .mod.rqArea .rqCont ul li{ height: 100%; display: none;}
.examMod .container .mod.rqArea .rqCont ul li:last-child{ margin-bottom: 0px;}
.examMod .container .mod.rqArea .rqCont ul li .qus{ height: 50%; font-weight: bold; font-size: 42px; border-bottom: 1px solid #9e9e9e;}
.examMod .container .mod.rqArea .rqCont ul li .qus em{ font-style: normal;}
.examMod .container .mod.rqArea .rqCont ul li .ans{ margin-top: 10px; color: #e51c23; font-size: 40px; visibility: hidden;}
.examMod .container .mod.rqArea .rqCont ul li .ans em{ font-style: normal;}
.examMod .container .mod.rqArea .rqCont ul li.showAns .ans{ visibility: visible;}
.examMod .container .mod.rqArea .rqCont ul li.show{ display: block;}
.examMod .container .mod.rqArea .rqCont .ansBtn{ position: absolute; bottom: 0px; width: calc(100% - 100px); height: 50px; line-height: 50px; background: #fff; border-top: 1px solid #ddd;}
.examMod .container .mod.rqArea .rqCont .ansBtn a{ margin-top: 5px; width: 142px; height: 40px; line-height: 40px; background: #e51c23; text-align: center; color: #fff; border-radius: 5px; display: inline-block;}
.examMod .container .mod.rqArea .rqCont ul .ansBtn a.prev{ position:  absolute; left: 0px; display: none;}
.examMod .container .mod.rqArea .rqCont ul .ansBtn a.da{ position:  absolute; left: 50%; margin-left: -62px;}
.examMod .container .mod.rqArea .rqCont ul .ansBtn a.next{ position:  absolute; right: 0px;}
.examMod .container .mod.rqArea .rqCont ul.showAns .ansBtn a.da{ background: #9e9e9e; color: #fff;}

.hide{ display: none;}

@media only screen and (min-width : 1600px) {
	.StudySys .stu-content .play-list-item{ width: 1600px;}
	.StudySys .stu-content .play-page-mod{ width: 1700px;}
	.StudySys .stu-content .play-page-mod .left-box{ width: 1280px;}
	.StudySys .stu-content .play-page-mod .left-box .play-tmp .v-box{ width: 1240px; min-height: 768;}
	.StudySys .stu-content .play-page-mod .left-box .play-tmp .v-box img{ max-width: 1180px;}
	.StudySys .stu-content .play-page-mod .left-box .play-tmp .v-box video{ width: 1240px; height: 698px;}
}