@import './base.css?v=201210';
@import './index.css?v=201210';
@import './resource.css?v=201210';

/*图标*/
.icon {
    background-image: url(../img/icon.png);
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 0;
    border: 0;
    background-repeat: no-repeat;
}
.icon1 {
    background-image: url(../img/icon1.png);
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 0;
    border: 0;
    background-repeat: no-repeat;
}
.iconB {
    background-image: url(../img/iconB.jpg);
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 0;
    border: 0;
    background-repeat: no-repeat;
}

.icon-left,
.icon-right,
.icon-left-hover,
.icon-right-hover {
    width: 26px;
    height: 58px;
    cursor: pointer;
}

.icon-left {
    background-position: -7px -6px;
}

.icon-right {
    background-position: -47px -6px;
}

.icon-left-hover {
    background-position: -73px -6px;
}

.icon-right-hover {
    background-position: -107px -6px;
}

.icon-top {
    width: 27px;
    height: 17px;
    background-position: -9px -73px;
}

.icon-mark {
    width: 22px;
    height: 18px;
    background-position: -41px -73px;
}
.icon-mark-blue {
    width: 22px;
    height: 18px;
    background-position: -304px -98px;
}

.icon-prev,
.icon-next,
.icon-prev-hover,
.icon-next-hover {
    width: 26px;
    height: 58px;
    cursor: pointer;
    z-index: 999;
}

.icon-prev {
    background-position: -8px -6px;
}

.icon-next {
    background-position: -45px -6px;
}

.icon-prev-hover {
    background-position: -74px -6px;
}

.icon-next-hover {
    background-position: -105px -6px;
}

.icon-phone {
    width: 14px;
    height: 21px;
    background-position: -70px -72px;
}

.icon-phone2 {
    width: 19px;
    height: 27px;
    background-position: -173px -125px;
}

.icon-person2 {
    width: 18px;
    height: 16px;
    background-position: -100px -100px;
}

.icon-person3,
.icon-person3-blue {
    width: 21px;
    height: 17px;
}

.icon-person3 {
    background-position: -63px -134px;
}

.icon-person3-blue {
    background-position: -151px -209px;
}

.icon-person4 {
    width: 26px;
    height: 26px;
    background-position: -140px -126px;
}

.icon-mail {
    width: 17px;
    height: 11px;
    background-position: -90px -74px;
}

.icon-person {
    width: 17px;
    height: 19px;
    background-position: -113px -73px;
}

.icon-wechat {
    width: 19px;
    height: 16px;
    background-position: -136px -74px;
}

.icon-lock {
    width: 17px;
    height: 19px;
    background-position: -158px -72px;
}

.icon-lock2 {
    width: 24px;
    height: 26px;
    background-position: -198px -127px;
}

.icon-shield {
    width: 18px;
    height: 19px;
    background-position: -182px -72px;
}

.icon-classify {
    width: 16px;
    height: 16px;
    background-position: -78px -100px;
}

.icon-classify2,
.icon-classify2-blue {
    width: 18px;
    height: 19px;
}

.icon-classify2 {
    background-position: -89px -133px;
}

.icon-classify2-blue {
    background-position: -177px -208px;
}

.icon-building {
    width: 18px;
    height: 17px;
    background-position: -124px -99px;
}

.icon-text,
.icon-text-blue {
    width: 15px;
    height: 17px;
}

.icon-text {
    background-position: -149px -99px;
}

.icon-text-blue {
	
    background-position: -102px -209px;
}
.icon-true-1 {
	display: inline-block;
	width: 16px;
	height: 15px;
    background-position: -461px -102px;
}
.icon-erro-1 {
	display: inline-block;
	width: 14px;
	height: 15px;
	padding-right: 2px;
    background-position: -481px -103px;
}
.icon-text2,
.icon-text2-blue {
    width: 15px;
    height: 18px;
}

.icon-text2 {
    background-position: -43px -134px;
}

.icon-text2-blue {
    background-position: -227px -209px;
}

.icon-shopcart,
.icon-shopcart-blue {
    width: 25px;
    height: 20px;
}

.icon-shopcart {
    background-position: -169px -97px;
}

.icon-shopcart-blue {
    background-position: -121px -207px;
}

.icon-tool,
.icon-tool-blue {
    width: 20px;
    height: 20px;
}

.icon-tool {
    background-position: -112px -132px;
}

.icon-tool-blue {
    background-position: -201px -207px;
}

.icon-error {
    width: 30px;
    height: 30px;
    background-position: -8px -96px;
}

.icon-true {
    width: 30px;
    height: 30px;
    background-position: -43px -96px;
}

.icon-gift {
    width: 16px;
    height: 16px;
    background-position: -13px -133px;
}

.icon-return {
    width: 31px;
    height: 20px;
    background-position: -197px -98px;
}

.icon-down,
.icon-down-blue {
    width: 12px;
    height: 7px;
}

.icon-down {
    background-position: -204px -74px;
}

.icon-down-blue {
    background-position: -271px -74px;
}

.icon-error-red {
    width: 48px;
    height: 48px;
    background-position: -198px -11px;
}

.icon-code {
    width: 24px;
    height: 28px;
    background-position: -10px -156px;
}

.icon-right2,
.icon-right-gray,
.icon-right-white{
    width: 7px;
    height: 12px;
}

.icon-right2 {
    background-position: -221px -74px;
}

.icon-right-gray {
    background-position: -292px -74px;
}
.icon-right-white {
    background-position: -292px -90px;
}
.icon-nav1,
.icon-nav1-blue {
    width: 15px;
    height: 18px;
}

.icon-nav1 {
    background-position: -40px -156px;
}

.icon-nav1-blue {
    background-position: -11px -233px;
}

.icon-nav2,
.icon-nav2-blue {
    width: 18px;
    height: 20px;
}

.icon-nav2 {
    background-position: -59px -156px;
}

.icon-nav2-blue {
    background-position: -31px -233px;
}

.icon-nav3,
.icon-nav3-blue {
    width: 18px;
    height: 16px;
}

.icon-nav3 {
    background-position: -82px -157px;
}

.icon-nav3-blue {
    background-position: -55px -234px;
}

.icon-nav4,
.icon-nav4-blue {
    width: 16px;
    height: 16px;
}

.icon-nav4 {
    background-position: -110px -158px;
}

.icon-nav4-blue {
    background-position: -80px -237px;
}

.icon-nav5,
.icon-nav5-blue {
    width: 16px;
    height: 18px;
}

.icon-nav5 {
    background-position: -132px -156px;
}

.icon-nav5-blue {
    background-position: -100px -235px;
}

.icon-nav6,
.icon-nav6-blue {
    width: 18px;
    height: 17px;
}

.icon-nav6 {
    background-position: -155px -157px;
}

.icon-nav6-blue {
    background-position: -12px -234px;
}

.icon-nav7,
.icon-nav7-blue {
    width: 14px;
    height: 14px;
}

.icon-nav7 {
    background-position: -176px -159px;
}

.icon-nav7-blue {
    background-position: -143px -236px;
}

.icon-nav8,
.icon-nav8-blue {
    width: 18px;
    height: 18px;
}

.icon-nav8 {
    background-position: -194px -157px;
}

.icon-nav8-blue {
    background-position: -164px -233px;
}

.icon-nav9,
.icon-nav9-blue {
    width: 18px;
    height: 15px;
}

.icon-nav9 {
    background-position: -39px -183px;
}

.icon-nav9-blue {
    background-position: -189px -234px;
}

.icon-nav10,
.icon-nav10-blue {
    width: 18px;
    height: 16px;
}

.icon-nav10 {
    background-position: -62px -182px;
}

.icon-nav10-blue {
    background-position: -213px -233px;
}

.icon-nav11,
.icon-nav11-blue {
    width: 18px;
    height: 18px;
}

.icon-nav11 {
    background-position: -286px -156px;
}

.icon-nav11-blue {
    background-position: -286px -182px;
}

.icon-nav12,
.icon-nav12-blue {
    width: 18px;
    height: 18px;
}

.icon-nav12 {
    background-position: -308px -156px;
}

.icon-nav12-blue {
    background-position: -308px -182px;
}

.icon-nav13,
.icon-nav13-blue {
    width: 18px;
    height: 18px;
}

.icon-nav13 {
    background-position: -333px -156px;
}

.icon-nav13-blue {
    background-position: -333px -182px;
}
.icon-nav14,
.icon-nav14-blue {
    width: 19px;
    height: 20px;
}

.icon-nav14 {
    background-position: -355px -155px;
}

.icon-nav14-blue {
    background-position: -355px -182px;
}
.icon-upward {
    width: 24px;
    height: 24px;
    background-position: -258px -13px;
}

.icon-downward {
    width: 24px;
    height: 24px;
    background-position: -288px -13px;
}

.icon-fork {
    width: 11px;
    height: 10px;
    background-position: -218px -158px;
}

.icon-star {
    width: 13px;
    height: 13px;
    background-position: -87px -182px;
}

.icon-question {
    width: 14px;
    height: 15px;
    background-position: -106px -182px;
    cursor: pointer;
}
.icon-question-white {
    width: 14px;
    height: 15px;
    background-position: -325px -210px;
    cursor: pointer;
}
.icon-tick {
    width: 11px;
    height: 10px;
    background-position: -126px -184px;
}

.icon-prev,
.icon-prev-gray,
.icon-next,
.icon-next-gray {
    width: 13px;
    height: 10px;
    cursor: pointer;
}

.icon-prev {
    background-position: -218px -184px;
}

.icon-prev-gray {
    background-position: -200px -184px;
}

.icon-next {
    background-position: -254px -184px;
}

.icon-next-gray {
    background-position: -236px -184px;
}

.icon-prevMore,
.icon-prevMore-gray,
.icon-nextMore,
.icon-nextMore-gray {
    width: 9px;
    height: 10px;
    cursor: pointer;
}

.icon-prevMore {
    background-position: -158px -184px;
}

.icon-prevMore-gray {
    background-position: -144px -184px;
}

.icon-nextMore {
    background-position: -186px -184px;
}

.icon-nextMore-gray {
    background-position: -172px -184px;
}

.icon-checkbox,
.icon-checked {
    width: 12px;
    height: 12px;
    cursor: pointer;
}

.icon-checkbox {
    background-position: -236px -73px;
}

.icon-checked {
    background-position: -254px -73px;
}

.icon-checkbox-blue,
.icon-checked-blue{
    width: 17px;
    height: 17px;
    cursor: pointer;
}

.icon-checkbox-blue {
    background-position: -309px -72px;
}

.icon-checked-blue {
    background-position: -332px -72px;
}

.icon-time {
    width: 24px;
    height: 24px;
    background-position: -236px -93px;
}

.icon-connect {
    width: 23px;
    height: 9px;
    background-position: -267px -102px;
}

.icon-A {
    width: 12px;
    height: 11px;
    background-position: -248px -129px;
}

.icon-M {
    width: 12px;
    height: 11px;
    background-position: -232px -129px;
}

.icon-add {
    width: 57px;
    height: 57px;
    background-position: -327px -8px;
}

.icon-record {
    width: 18px;
    height: 20px;
    background-position: -11px -209px;
}

.icon-person-blue {
    width: 15px;
    height: 17px;
    background-position: -35px -209px;
}

.icon-trash {
    width: 13px;
    height: 15px;
    background-position: -56px -211px;
}

.icon-return-sm {
    width: 20px;
    height: 13px;
    background-position: -240px -156px;
}

.icon-fork2 {
    width: 11px;
    height: 11px;
    background-position: -268px -158px;
}

.icon-gift2 {
    width: 18px;
    height: 18px;
    background-position: -259px -44px;
}

.icon-gift2-white {
    width: 18px;
    height: 18px;
    background-position: -281px -44px;
}

.icon-true2 {
    width: 20px;
    height: 20px;
    background-position: -75px -209px;
}
.icon-true2-cir{
    width: 20px;
    height: 20px;
    background-position: -295px -207px
}
.icon-true-orange {
    width: 20px;
    height: 20px;
    background-position: -270px -207px;
}
.icon-dot-red {
    width: 12px;
    height: 12px;
    background-position: -15px -188px;
}

.icon-per-add {
    width: 15px;
    height: 17px;
    background-position: -250px -208px;
}
.icon-radio-blue,
.icon-radiocheck-blue{
    display: inline-block;
    width: 18px;
    height: 18px;
    cursor: pointer;
}
.icon-radio-blue{
    background: url(../img/icon-radio-blue.png) 0 0 no-repeat;
    background-size: 100%;
}
.icon-radiocheck-blue{
    background: url(../img/icon-radiocheck-blue.png) 0 0 no-repeat;
    background-size: 100%;
}
.index-icon{
    display: inline-block;
    width: 85px;
    height: 85px;
}
.index-icon1 {
    background: url(../img/index-box1.png) 0 0 no-repeat;
    background-size: 100%;
}

.index-icon2 {
    background: url(../img/index-box2.png) 0 0 no-repeat;
    background-size: 100%;
}

.index-icon3 {
    background: url(../img/index-box3.png) 0 0 no-repeat;
    background-size: 100%;
}

.index-icon4 {
    background: url(../img/index-box4.png) 0 0 no-repeat;
    background-size: 100%;
}
.index-brand{
    display: inline-block;
    width: 130px;
    height: 130px;
}
.index-brand1 {
    background: url(../img/index-brand1.png) 0px 0px / 100% no-repeat;
}
.index-brand2 {
    background: url(../img/index-brand2.png) 0px 0px / 100% no-repeat;
}
.index-brand3 {
    background: url(../img/index-brand3.png) 0px 0px / 100% no-repeat;
}
.index-brand4 {
    background: url(../img/index-brand4.png) 0px 0px / 100% no-repeat;
}
.index-brand5 {
    background: url(../img/index-brand5.png) 0px 0px / 100% no-repeat;
}
.index-brand6 {
    background: url(../img/index-brand6.png) 0px 0px / 100% no-repeat;
}
.index-brand7 {
    background: url(../img/index-brand7.png) 0px 0px / 100% no-repeat;
}
.index-brand8 {
    background: url(../img/index-brand8.png) 0px 0px / 100% no-repeat;
}
.icon-footer-name {
    display: inline-block;
    width: 107px;
    height: 18px;
    background-image: url(../img/footer-name.png);
}

.icon-wechat-tips {
    display: inline-block;
    width: 61px;
    height: 61px;
    background-image: url(../img/wechat-tips.png);
}

.slider-icon1 {
    display: inline-block;
    width: 70px;
    height: 80px;
    background: url(../img/slider-icon1.png);
    background-size: 100%;
}

.slider-icon2 {
    display: inline-block;
    width: 70px;
    height: 80px;
    background: url(../img/slider-icon2.png);
    background-size: 100%;
}

.slider-icon3 {
    display: inline-block;
    width: 70px;
    height: 70px;
    background: url(../img/slider-icon3.png);
    background-size: 100%;
}

.slider-icon4 {
    display: inline-block;
    width: 70px;
    height: 67px;
    background: url(../img/slider-icon4.png);
    background-size: 100%;
}

.slider-icon5 {
    display: inline-block;
    width: 70px;
    height: 73px;
    background: url(../img/slider-icon5.png);
    background-size: 100%;
}
.slider-icon6 {
    display: inline-block;
    width: 70px;
    height: 73px;
    background: url(../img/slider-icon6.png);
    background-size: 100%;
}
.icon-about1,
.icon-about2,
.icon-about3,
.icon-about4,
.icon-about5,
.icon-about6 {
    display: inline-block;
    width: 165px;
    height: 137px;
}

.icon-about1 {
    background-position: -28px -31px;
}

.icon-about2 {
    background-position: -228px -31px;
}

.icon-about3 {
    background-position: -430px -31px;
}

.icon-about4 {
    background-position: -24px -197px;
}

.icon-about5 {
    background-position: -227px -194px;
}

.icon-about6 {
    background-position: -436px -197px;
}

.icon-boat {
    display: inline-block;
    width: 67px;
    height: 97px;
    background: url(../img/boat.jpg) center no-repeat;
}

.icon-yamaxun {
    display: inline-block;
    width: 114px;
    height: 18px;
    background: url(../img/yamaxun.png) center no-repeat;
}

.icon-radio,
.icon-radio-checked {
    width: 15px;
    height: 15px;
    cursor: pointer;
}

.icon-radio {
    background-position: -268px -127px;
}

.icon-radio-checked {
    background-position: -290px -127px;
}

.error-home,
.error-home-hover,
.error-refresh,
.error-refresh-hover {
    display: inline-block;
    width: 34px;
    height: 34px;
}

.error-home {
    background: url(../img/error-home.png) center no-repeat;
}

.error-home-hover {
    background: url(../img/error-home-hover.png) center no-repeat;
}

.error-refresh {
    background: url(../img/error-refresh.png) center no-repeat;
}

.error-refresh-hover {
    background: url(../img/error-refresh-hover.png) center no-repeat;
}

.error-robot {
    display: inline-block;
    width: 23px;
    height: 40px;
    background: url(../img/error-robot.png) center no-repeat;
    background-size: 100%;
    -ms-behavior: url(../css/backgroundsize.min.htc);
    behavior: url(../css/backgroundsize.min.htc);
}

.cir-white,
.cir-blue {
    display: inline-block;
    width: 10px;
    height: 10px;
}

.cir-white {
    background: url(../img/cir-white.png) center no-repeat;
    background-size: 100%;
}

.cir-blue {
    background: url(../img/cir-blue.png) center no-repeat;
    background-size: 100%;
}

.warning {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(../img/warning.png) center no-repeat;
    background-size: 100%;
}

.return,
.return-hover {
    display: inline-block;
    width: 31px;
    height: 31px;
    cursor: pointer;
}

.return {
    background: url(../img/return.png) center no-repeat;
    background-size: 100%;
}

.return-hover {
    background: url(../img/return-hover.png) center no-repeat;
    background-size: 100%;
}

.fixed-icon1 {
    display: inline-block;
    width: 19px;
    height: 16px;
    background: url(../img/fixed-icon1.png) center no-repeat;
    background-size: 100%;
}

.fixed-icon2 {
    display: inline-block;
    width: 19px;
    height: 16px;
    background: url(../img/fixed-icon2.png) center no-repeat;
    background-size: 100%;
}

.fixed-icon2 {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../img/fixed-icon2.png) center no-repeat;
    background-size: 100%;
}

.icon-zhu {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../img/zhu.png) center no-repeat;
    background-size: 100%;
}

.invite-icon1,
.invite-icon2,
.invite-icon3 {
    display: inline-block;
    width: 25px;
    height: 25px;
}

.invite-icon1 {
    background: url(../img/invite-icon1.png) center no-repeat;
    background-size: 100%;
}

.invite-icon2 {
    background: url(../img/invite-icon2.png) center no-repeat;
    background-size: 100%;
}

.invite-icon3 {
    background: url(../img/invite-icon3.png) center no-repeat;
    background-size: 100%;
}

.icon-more,
.icon-reduce {
    display: inline-block;
    width: 20px;
    height: 20px;
}

.icon-more {
    background: url(../img/icon-more.png) center no-repeat;
    background-size: 100%;
}

.icon-reduce {
    background: url(../img/icon-reduce.png) center no-repeat;
    background-size: 100%;
}

.icon-on,
.icon-off,
.icon-release,
.icon-notrelease,
.icon-fail {
    display: inline-block;
    width: 20px;
    height: 20px;
}

.icon-on {
    background: url(../img/icon-on.png) center no-repeat;
    background-size: 100%;
}

.icon-off {
    background: url(../img/icon-off.png) center no-repeat;
    background-size: 100%;
}

.icon-release {
    width: 22px;
    background: url(../img/icon-release.png) center no-repeat;
    background-size: 100%;
}

.icon-notrelease {
    width: 22px;
    background: url(../img/icon-notrelease.png) center no-repeat;
    background-size: 100%;
}

.icon-fail {
    width: 22px;
    background: url(../img/icon-fail.png) center no-repeat;
    background-size: 100%;
}

.icon-flag {
    display: inline-block;
    width: 18px;
    height: 14px;
    vertical-align: sub;
    cursor: pointer;
}

.flag-CA {
    background: url(../img/country/CA.png) center no-repeat;
    background-size: 100%;
}

.flag-CN {
    background: url(../img/country/CN.png) center no-repeat;
    background-size: 100%;
}

.flag-DE {
    background: url(../img/country/DE.png) center no-repeat;
    background-size: 100%;
}

.flag-ES {
    background: url(../img/country/ES.png) center no-repeat;
    background-size: 100%;
}

.flag-FR {
    background: url(../img/country/FR.png) center no-repeat;
    background-size: 100%;
}

.flag-IN {
    background: url(../img/country/IN.png) center no-repeat;
    background-size: 100%;
}

.flag-IT {
    background: url(../img/country/IT.png) center no-repeat;
    background-size: 100%;
}

.flag-JP {
    background: url(../img/country/JP.png) center no-repeat;
    background-size: 100%;
}

.flag-MX {
    background: url(../img/country/MX.png) center no-repeat;
    background-size: 100%;
}

.flag-UK {
    background: url(../img/country/UK.png) center no-repeat;
    background-size: 100%;
}

.flag-US {
    background: url(../img/country/US.png) center no-repeat;
    background-size: 100%;
}
.flag-OM {
    background: url(../img/country/OM.png) center no-repeat;
    background-size: 100%;
}


.icon-close {
    display: inline-block;
    vertical-align: top;
    background: url(../img/layer/icon.png) no-repeat;
    background-position: 0 -40px;
    width: 16px;
    height: 16px;
    cursor: pointer;
}
.icon-close-white{
    display: inline-block;
    background: url(../img/icon.png) no-repeat;
    background-position: -312px -125px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.icon-close2 {
    display: inline-block;
    vertical-align: top;
    background: url(../img/pay-guide-close.png) no-repeat;
    background-size: 100%;
    width: 22px;
    height: 22px;
    cursor: pointer;
}
.icon-horn {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url(../img/icon-horn.png);
    background-size: 100%;
}
.icon-horn-black{
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url(../img/icon-horn-black.png);
    background-size: 100%;
}
.icon-guide1 {
    display: inline-block;
    width: 48px;
    height: 49px;
    background: url(../img/guide/icon-guide1.png) no-repeat;
    background-size: 100%;
}

.icon-guide2 {
    display: inline-block;
    width: 44px;
    height: 50px;
    background: url(../img/guide/icon-guide2.png) no-repeat;
    background-size: 100%;
}

.icon-guide3 {
    display: inline-block;
    width: 52px;
    height: 51px;
    background: url(../img/guide/icon-guide3.png) no-repeat;
    background-size: 100%;
}

.icon-guide4 {
    display: inline-block;
    width: 41px;
    height: 48px;
    background: url(../img/guide/icon-guide4.png) no-repeat;
    background-size: 100%;
}

.icon-guide5 {
    display: inline-block;
    width: 49px;
    height: 48px;
    background: url(../img/guide/icon-guide5.png) no-repeat;
    background-size: 100%;
}

.icon-guide6 {
    display: inline-block;
    width: 46px;
    height: 52px;
    background: url(../img/guide/icon-guide6.png) no-repeat;
    background-size: 100%;
}

.icon-guide7 {
    display: inline-block;
    width: 50px;
    height: 49px;
    background: url(../img/guide/icon-guide7.png) no-repeat;
    background-size: 100%;
}

.icon-guide8 {
    display: inline-block;
    width: 58px;
    height: 53px;
    background: url(../img/guide/icon-guide8.png) no-repeat;
    background-size: 100%;
}

.icon-guide9 {
    display: inline-block;
    width: 52px;
    height: 52px;
    background: url(../img/guide/icon-guide9.png) no-repeat;
    background-size: 100%;
}

.icon-guide10 {
    display: inline-block;
    width: 51px;
    height: 50px;
    background: url(../img/guide/icon-guide10.png) no-repeat;
    background-size: 100%;
}

.icon-wechat{
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url(../img/icon-wechat.png) no-repeat;
    background-size: 100%;
}
.pay-prompt{
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(../img/pay-prompt.png) no-repeat;
    background-size: 100%;
}
.pay-failcertified,
.pay-incertified,
.pay-notcertified,
.pay-certified{
    display: inline-block;
    width: 26px;
    height: 26px;
}
.pay-failcertified{
    background: url(../img/pay-failcertified.png) no-repeat;
    background-size: 100%;
}
.pay-incertified{
    background: url(../img/pay-incertified.png) no-repeat;
    background-size: 100%;
}
.pay-notcertified{
    background: url(../img/pay-notcertified.png) no-repeat;
    background-size: 100%;
}
.pay-certified{
    background: url(../img/pay-certified.png) no-repeat;
    background-size: 100%;
}
.pay-transaction{
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../img/pay-transaction.png) no-repeat;
    background-size: 100%;
}
.pay-rmb{
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../img/pay-rmb.png) no-repeat;
    background-size: 100%;
}
.pay-add{
    display: inline-block;
    width: 45px;
    height: 45px;
    background: url(../img/pay-add.png) no-repeat;
    background-size: 100%;
}
.incertified,
.notcertified{
    display: inline-block;
    width: 120px;
    height: 100px;
}
.incertified{
    background: url(../img/incertified.png) no-repeat;
    background-size: 100%;
}
.notcertified{
    background: url(../img/notcertified.png) no-repeat;
    background-size: 100%;
}
.icon-bank{
    display: inline-block;
    width: 30px;
    height: 30px;

}
.bank-bj{
    background: url(../img/bank/bj.png) no-repeat;
    background-size: 100%;
}
.bank-bs{
    background: url(../img/bank/bs.png) no-repeat;
    background-size: 100%;
}
.bank-gd{
    background: url(../img/bank/gd.png) no-repeat;
    background-size: 100%;
}
.bank-gf{
    background: url(../img/bank/gf.png) no-repeat;
    background-size: 100%;
}
.bank-gs{
    background: url(../img/bank/gs.png) no-repeat;
    background-size: 100%;
}
.bank-gz{
    background: url(../img/bank/gz.png) no-repeat;
    background-size: 100%;
}
.bank-hr{
    background: url(../img/bank/hr.png) no-repeat;
    background-size: 100%;
}
.bank-hx{
    background: url(../img/bank/hx.png) no-repeat;
    background-size: 100%;
}
.bank-hz{
    background: url(../img/bank/hz.png) no-repeat;
    background-size: 100%;
}
.bank-jianshe{
    background: url(../img/bank/jianshe.png) no-repeat;
    background-size: 100%;
}
.bank-js{
    background: url(../img/bank/js.png) no-repeat;
    background-size: 100%;
}
.bank-jt{
    background: url(../img/bank/jt.png) no-repeat;
    background-size: 100%;
}
.bank-ms{
    background: url(../img/bank/ms.png) no-repeat;
    background-size: 100%;
}
.bank-nb{
    background: url(../img/bank/nb.png) no-repeat;
    background-size: 100%;
}
.bank-ny{
    background: url(../img/bank/ny.png) no-repeat;
    background-size: 100%;
}
.bank-pa{
    background: url(../img/bank/pa.png) no-repeat;
    background-size: 100%;
}
.bank-pf{
    background: url(../img/bank/pf.png) no-repeat;
    background-size: 100%;
}
.bank-sh{
    background: url(../img/bank/sh.png) no-repeat;
    background-size: 100%;
}
.bank-xy{
    background: url(../img/bank/xy.png) no-repeat;
    background-size: 100%;
}
.bank-yz{
    background: url(../img/bank/yz.png) no-repeat;
    background-size: 100%;
}
.bank-zg{
    background: url(../img/bank/zg.png) no-repeat;
    background-size: 100%;
}
.bank-zhes{
    background: url(../img/bank/zhes.png) no-repeat;
    background-size: 100%;
}
.bank-zs{
    background: url(../img/bank/zs.png) no-repeat;
    background-size: 100%;
}
.bank-zx{
    background: url(../img/bank/zx.png) no-repeat;
    background-size: 100%;
}

.icon-encrypt{
    display: inline-block;
    width: 18px;
    height: 20px;
    background: url(../img/icon-encrypt.png) no-repeat;
    background-size: 100%;
}
.auth-failed{
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../img/auth-failed.png) no-repeat;
    background-size: 100%;
}
.pay-success,
.pay-wait,
.pay-error{
    display: inline-block;
    width: 46px;
    height: 47px;
}
.pay-success{
    background: url(../img/pay-success.png) no-repeat;
    background-size: 100%;
}
.pay-wait{
    background: url(../img/pay-wait.png) no-repeat;
    background-size: 100%;
}
.pay-error{
    background: url(../img/pay-error.png) no-repeat;
    background-size: 100%;
}
.icon-acc-det{
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../img/icon-acc-det.png) no-repeat;
    background-size: 100%;
}
.icon-price{
    display: inline-block;
    width: 24px;
    height: 21px;
    background: url(../img/icon-price.png) no-repeat;
    background-size: 100%;
}
.icon-tick{
    display: inline-block;
    width: 22px;
    height: 18px;
    background: url(../img/icon-tick.png) no-repeat;
    background-size: 100%;
}
.b-down,
.b-up{
    display: inline-block;
    width: 11px;
    height: 9px;
}
.b-down{
    background: url(../img/b-down.png) no-repeat;
    background-size: 100%;
}
.b-up{
    background: url(../img/b-up.png) no-repeat;
    background-size: 100%;
}
.ll-step{
    display: inline-block;
    width: 200px;
    height: 180px;
}
.ll-step1{
    background: url(../img/ll-step1.png) no-repeat;
    background-size: 100%;
}
.ll-step2{
    background: url(../img/ll-step2.png) no-repeat;
    background-size: 100%;
}
.ll-step3{
    background: url(../img/ll-step3.png) no-repeat;
    background-size: 100%;
}
.ll-step4{
    width: 180px;
    height: 180px;
    background: url(../img/ll-step4.png) no-repeat;
    background-size: 100%;
}
.hover .ll-step1{
    background: url(../img/ll-step1-hover.png) no-repeat;
    background-size: 100%;
}
.hover .ll-step2{
    background: url(../img/ll-step2-hover.png) no-repeat;
    background-size: 100%;
}
.hover .ll-step3{
    background: url(../img/ll-step3-hover.png) no-repeat;
    background-size: 100%;
}
.hover .ll-step4{
    width: 180px;
    height: 180px;
    background: url(../img/ll-step4-hover.png) no-repeat;
    background-size: 100%;
}
.icon-accept{
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../img/icon-accept.png) no-repeat;
    background-size: 100%;
}
.icon-refresh{
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../img/refresh.png) no-repeat;
    background-size: 100%;
}
.icon-search{
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(../img/icon-search.png) no-repeat;
    background-size: 100%;
}
.icon-delete{
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../img/icon-delete.png) no-repeat;
    background-size: 100%;
}
.icon-spread,
.icon-shrink{
    display: inline-block;
    width: 11px;
    height: 7px;
}
.icon-spread{
    background: url(../img/icon-spread.png) no-repeat;
    background-size: 100%;
}
.icon-shrink{
    background: url(../img/icon-shrink.png) no-repeat;
    background-size: 100%;
}
.icon-data1,
.icon-data2,
.icon-data3,
.icon-data4,
.icon-data5,
.icon-data6{
    display: inline-block;
    width: 38px;
    height: 38px;
    vertical-align: middle;
}
.icon-data1{
    background: url(../img/icon-data1.png) no-repeat;
    background-size: 100%;
}
.icon-data2{
    background: url(../img/icon-data2.png) no-repeat;
    background-size: 100%;
}
.icon-data3{
    background: url(../img/icon-data3.png) no-repeat;
    background-size: 100%;
}
.icon-data4{
    background: url(../img/icon-data4.png) no-repeat;
    background-size: 100%;
}
.icon-data5{
    background: url(../img/icon-data5.png) no-repeat;
    background-size: 100%;
}
.icon-data6{
    background: url(../img/icon-data6.png) no-repeat;
    background-size: 100%;
}
.active .icon-data1{
    background: url(../img/icon-data1-active.png) no-repeat;
    background-size: 100%;
}
.active .icon-data2{
    background: url(../img/icon-data2-active.png) no-repeat;
    background-size: 100%;
}
.active .icon-data3{
    background: url(../img/icon-data3-active.png) no-repeat;
    background-size: 100%;
}
.active .icon-data4{
    background: url(../img/icon-data4-active.png) no-repeat;
    background-size: 100%;
}
.active .icon-data5{
    background: url(../img/icon-data5-active.png) no-repeat;
    background-size: 100%;
}
.active .icon-data6{
    background: url(../img/icon-data6-active.png) no-repeat;
    background-size: 100%;
}
.icon-search-a{
    display: inline-block;
    width: 20px;
    height: 21px;
    background: url(../img/icon-search-a.png) no-repeat;
    background-size: 100%;
    cursor: pointer;
}
.icon-storage{
    display: inline-block;
    width: 29px;
    height: 22px;
    background: url(../img/icon-storage.png) no-repeat;
    background-size: 100%;
    cursor: pointer;
}

.icon-data-delete,
.icon-data-delete2{
    display: inline-block;
    width: 22px;
    height: 20px;
    background: url(../img/icon-data-delete.png) no-repeat;
    background-size: 100%;
    cursor: pointer;
}
.icon-data-delete2{
    background: url(../img/icon-data-delete2.png) no-repeat;
    background-size: 100%;
}
.data-add{
    display: inline-block;
    width: 17px;
    height: 16px;
    background: url(../img/data-add.png) no-repeat;
    background-size: 100%;
}
.icon-data-show{
    display: inline-block;
    width: 16px;
    height: 10px;
    background: url(../img/icon-data-show.png) no-repeat;
    background-size: 100%;
    cursor: pointer;
    opacity: .8;
}
.icon-data-retract{
    display: inline-block;
    width: 40px;
    height: 30px;
    background: url(../img/icon-data-retract.png)center no-repeat;
    background-size: 48%;
}
.icon-r-data{
    display: inline-block;
    width: 13px;
    height: 11px;
    background: url(../img/icon-r-data.png) no-repeat;
    background-size: 100%;
    cursor: pointer;
}
.icon-star-yellow,
.icon-star-gray,
.icon-star-half{
    display: inline-block;
    width: 14px;
    height: 14px;

}
.icon-star-yellow{
    background: url(../img/icon-star-yellow.png) no-repeat;
    background-size: 100%;
}
.icon-star-gray{
    background: url(../img/icon-star-gray.png) no-repeat;
    background-size: 100%;
}
.icon-star-half{
    background: url(../img/icon-star-half.png) no-repeat;
    background-size: 100%;
}
.bank-logo{
    display: inline-block;
    width: 150px;
    height: 30px;
}
.icon-tip{
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../img/icon-tip.png) no-repeat;
    background-size: 100%;
}
.bank1{
    background: url(../img/bank/bank1.png) no-repeat;
    background-size: 100%;
}
.bank2{
    background: url(../img/bank/bank2.png) no-repeat;
    background-size: 100%;
}
.bank3{
    background: url(../img/bank/bank3.png) no-repeat;
    background-size: 100%;
}
.bank4{
    background: url(../img/bank/bank4.png) no-repeat;
    background-size: 100%;
}
.bank5{
    background: url(../img/bank/bank5.png) no-repeat;
    background-size: 100%;
}
.bank6{
    background: url(../img/bank/bank6.png) no-repeat;
    background-size: 100%;
}
.bank7{
    background: url(../img/bank/bank7.png) no-repeat;
    background-size: 100%;
}
.bank8{
    background: url(../img/bank/bank8.png) no-repeat;
    background-size: 100%;
}
.bank9{
    background: url(../img/bank/bank9.png) no-repeat;
    background-size: 100%;
}
.bank10{
    background: url(../img/bank/bank10.png) no-repeat;
    background-size: 100%;
}
.bank11{
    background: url(../img/bank/bank11.png) no-repeat;
    background-size: 100%;
}
.bank12{
    background: url(../img/bank/bank12.png) no-repeat;
    background-size: 100%;
}
.bank13{
    background: url(../img/bank/bank13.png) no-repeat;
    background-size: 100%;
}
.bank14{
    background: url(../img/bank/bank14.png) no-repeat;
    background-size: 100%;
}
.bank15{
    background: url(../img/bank/bank15.png) no-repeat;
    background-size: 100%;
}
.bank16{
    background: url(../img/bank/bank16.png) no-repeat;
    background-size: 100%;
}
.bank17{
    background: url(../img/bank/bank17.png) no-repeat;
    background-size: 100%;
}
.bank18{
    background: url(../img/bank/bank18.png) no-repeat;
    background-size: 100%;
}
.bank19{
    background: url(../img/bank/bank19.png) no-repeat;
    background-size: 100%;
}
.bank20{
    background: url(../img/bank/bank20.png) no-repeat;
    background-size: 100%;
}
.bank21{
    background: url(../img/bank/bank21.png) no-repeat;
    background-size: 100%;
}
.bank22{
    background: url(../img/bank/bank22.png) no-repeat;
    background-size: 100%;
}
.bank23{
    background: url(../img/bank/bank23.png) no-repeat;
    background-size: 100%;
}
.bank24{
    background: url(../img/bank/bank24.png) no-repeat;
    background-size: 100%;
}
.icon-tips-gray,
.icon-tips-blue,
.icon-tips-red{
    display: inline-block;
    width: 18px;
    height: 20px;
}
.icon-tips-gray{
    background: url(../img/icon-tips.png) no-repeat;
    background-size: 100%;
}
.icon-tips-blue{
    background: url(../img/icon-tips-blue.png) no-repeat;
    background-size: 100%;
}
.icon-tips-red{
    background: url(../img/icon-tips-red.png) no-repeat;
    background-size: 100%;
}
.icon-data-search{
    display: inline-block;
    width: 23px;
    height: 23px;
    background: url(../img/icon-data-search.png) no-repeat;
    background-size: 100%;
    cursor: pointer;
}
.icon-data-analysis{
    display: inline-block;
    width: 21px;
    height: 21px;
    background: url(../img/icon-data-analysis.png) no-repeat;
    background-size: 100%;
}
.icon-pay-tips{
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../img/icon-pay-tips.png) no-repeat;
    background-size: 100%;
}
.icon-beta{
    display: inline-block;
    width: 30px;
    height: 20px;
    background: url(../img/icon-beta.png) no-repeat;
    background-size: 100%;
}
.icon-feed-gift{
    display: inline-block;
    width: 22px;
    height: 20px;
    background: url(../img/icon-feed-gift.png) no-repeat;
    background-size: 100%;
}
.icon-fail-fork{
    width: 16px;
    height: 16px;
    background-position: -364px -100px;
}
.icon-suc-blue{
    width: 20px;
    height: 16px;
    background-position: -336px -100px;
}
.icon-func{
    display: inline-block;
    width: 53px;
    height: 52px;
}
.icon-func01{
    background: url(../img/func01.png) no-repeat;
    background-size: 100%;
}
.icon-func02{
    background: url(../img/func02.png) no-repeat;
    background-size: 100%;
}
.icon-func03{
    background: url(../img/func03.png) no-repeat;
    background-size: 100%;
}
.icon-func04{
    background: url(../img/func04.png) no-repeat;
    background-size: 100%;
}
.icon-func05{
    background: url(../img/func05.png) no-repeat;
    background-size: 100%;
}
.icon-func06{
    background: url(../img/func06.png) no-repeat;
    background-size: 100%;
}
.icon-func07{
    background: url(../img/func07.png) no-repeat;
    background-size: 100%;
}
.icon-mater{
    display: inline-block;
    width: 22px;
    height: 19px;
    vertical-align: sub;
    margin-right: 20px;
}
.js-list .icon-mater01{
    background-position: -58px -260px;
}
.js-list .active .icon-mater01,
li:hover .icon-mater01{
    background-position: -84px -260px;
}
.js-list .icon-mater02{
    background-position: -9px -260px;
}
.js-list .active .icon-mater02,
li:hover .icon-mater02{
    background-position: -32px -260px;
}
.js-list .icon-mater03{
    background-position: -110px -260px;
}
.js-list .active .icon-mater03,
li:hover .icon-mater03{
    background-position: -135px -260px;
}
.js-list .icon-mater04{
    background-position: -164px -260px;
}
.js-list .active .icon-mater04,
li:hover .icon-mater04{
    background-position: -194px -260px;
}
.icon-sys{
    background-image: url(../img/icon-sys.png?v=20190327);
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 0;
    border: 0;
    background-repeat: no-repeat;
}
.icon-sys1{
    width: 22px;
    height: 27px;
    background-position: -33px -2px;
}
.icon-sys2{
    width: 26px;
    height: 24px;
    background-position: -91px -3px;
}
.icon-sys3{
    width: 24px;
    height: 26px;
    background-position: -32px -34px;
}
.icon-sys4{
    width: 23px;
    height: 13px;
    background-position: -92px -36px;
}
.collegeIcon{display:inline-block;background: url('../img/collegeIcon.png');*display: inline;*zoom: 1;padding: 0;border: 0;background-repeat: no-repeat;}
.college-author-hover{background-position: -130px -21px;width: 13px;height: 16px;}
.college-author{background-position: -130px 0px;width: 13px;height: 16px;}
.college-browse-hover{background-position: -39px -48px;width: 24px;height: 13px;}
.college-browse{background-position: -68px -48px;width: 24px;height: 13px;opacity: .7;}
.college-forward-hover{background-position: -108px -44px;width: 17px;height: 17px;}
.college-forward{background-position: -108px 0px;width: 17px;height: 17px;}
.college-good-hover{background-position: -108px -22px;width: 17px;height: 17px;}
.college-good{background-position: -108px -66px;width: 17px;height: 17px;opacity: .7;}
.college-msg-hover{background-position: -63px -100px;width: 16px;height: 15px;}
.college-msg{background-position: -42px -100px;width: 16px;height: 15px;}
.college-next-hover{background-position: 0px 0px;width: 22px;height: 43px;}
.college-next{background-position: -81px 0px;width: 22px;height: 43px;}
.college-play{background-position: 0px -48px;width: 34px;height: 28px;}
.college-prev-hover{background-position: -54px 0px;width: 22px;height: 43px;}
.college-prev{background-position: -27px 0px;width: 22px;height: 43px;}
.college-search{background-position: -21px -100px;width: 16px;height: 16px;}
.college-time-hover{background-position: -84px -100px;width: 15px;height: 15px;}
.college-time{background-position: -104px -100px;width: 15px;height: 15px;opacity: .7;}
.college-video-hover{background-position: -27px -81px;width: 22px;height: 14px;}
.college-video{background-position: 0px -81px;width: 22px;height: 14px;opacity: .7;}
.college-weixin{background-position: 0px -100px;width: 16px;height: 16px;}
.college-sort-default{background-position: -43px -65px;width: 8px;height: 9px;}
.college-sort-ascent{background-position: -54px -65px;width: 8px;height: 9px;}
.college-sort-descent{background-position: -65px -65px;width: 8px;height: 9px;}
/*ǰ̨��ʽ*/
@font-face {
    font-family: BANK;
    src: url('../font/BANK.TTF');
}
@font-face {
    font-family: PingFang SC;
    src: url('../font/PINGFANG LIGHT.TTF');
}

@font-face {
    font-family: PingFang RG;
    src: url('../font/PINGFANG REGULAR.TTF');
}
@font-face {
    font-family: lanting;
    src: url('../font/lanting.TTF');
}
@font-face {
    font-family: lanting ST;
    src: url('../font/lantingST.TTF');
}
/*ע��*/

.account-manage {
    width: 100%;
    /*height: 833px;*/
    background: url(../img/account-bg.jpg) left top no-repeat;
    -ms-behavior: url(../css/backgroundsize.min.htc);
    behavior: url(../css/backgroundsize.min.htc);
    padding: 140px 0 0 0;
}

.account-box {
    width: 470px;
    min-height: 620px;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 2px 2px 10px #adadad;
    background: #fff;
    text-align: center;
    margin: 0 auto 178px;
}

.account-box-sl {
    height: 550px;
}

.account-box-sm {
    height: 450px;
}

.account-cont {
    margin: 40px 100px;
    text-align: center;
}

.account-cont .icon-logo {
    width: 220px;
    height: 56px;
    background-image: url(../img/logo-b.png);
    background-size: 100%;
}

.account-cont .title {
    font-size: 16px;
    color: #1B225D;
    margin-top: 40px;
    font-family: "Microsoft YaHei";
    font-weight: bold;
}

.account-cont .title span {
    vertical-align: middle;
    color: #40454a;
    font-weight: normal;
    margin-left: 10px;
}

.account-cont .account-ul {
    margin-top: 35px;
}

.account-cont .account-ul li {
    height: 70px;
    position: relative;
}

.account-cont .account-ul .icon {
    position: absolute;
    left: 10px;
    top: 8px;
}

.account-cont .account-ul .tips {
    display: inline-block;
    width: 105%;
    text-align: left;
    font-size: 12px;
    line-height: 28px;
}

.account-cont .account-ul .error-tips {
    color: #ec435d;
}

.account-cont .account-ul .true-tips {
    color: #339900;
}

.account-cont .account-input {
    width: 217px;
    height: 40px;
    border: 1px solid #a1a1a1;
    padding: 0 10px 0 40px;
    border-radius: 2px;
    font-size: 12px;
    float: left;
}

.account-cont .account-input:focus {
    -moz-box-shadow: inset 0 0 4px #9299d1;
    -webkit-box-shadow: inset 0 0 4px #9299d1;
    box-shadow: inset 0 0 4px #9299d1;
}

.account-cont .account-input-sm {
    width: 70px;
}

.account-cont .ver-code {
    display: inline-block;
    width: 100px;
    height: 38px;
    line-height: 38px;
    background: #26cfe8;
    color: #fff;
    border-radius: 4px;
    text-align: center;
    margin: 2px 0 0 15px;
    cursor: pointer;
    font-size: 12px;
    font-family: "Microsoft YaHei";
}

.account-cont .ver-code:hover {
    background: #1ec7e0;
}

.account-cont .account-btn {
    padding-bottom: 20px;
    width: 100%;
}

.account-cont .account-btn a {
    display: inline-block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #1b225d;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    font-family: "Microsoft YaHei";
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
}
.account-cont .account-btn a:hover{
    background: #222b74;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
.account-cont .account-btn a:active{
    background: #293486;
}
.account-cont .account-login {
    font-size: 12px;
    line-height: 30px;
    color: #343434;
    font-family: "Microsoft YaHei";
    border-top: 1px dashed #7f7f7f;
    margin-bottom: 30px;
    overflow: hidden;
    /*margin-top: 20px;*/
}

.account-cont .account-login a.login {
    color: #ee435e;
}

.account-cont .account-login .find-pwd {
    float: left;
    color: #1b225d;
}

.account-cont .account-login .return {
    color: #666666;
    float: left;
    background: inherit;
    width: 65px;
}

.account-cont .reg-success p {
    font-size: 16px;
    color: #1B225D;
    font-weight: bold;
    margin: 30px 0 0 0;
}
.account-cont .reg-success .scan-tips{
    margin: 0;
    width: 105%;
    color: #888;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal;
    text-align: left;
    margin-left: 20px;
}
.account-cont .reg-success span {
    display: inline-block;
    color: #343434;
    font-size: 14px;
    font-family: "Microsoft YaHei";
}

.account-cont .weixin-btn {
    color: #ec435d;
}

.account-cont .fail-tit {
    margin-top: 100px;
}

.account-cont .fail-btn {
    margin-top: 130px;
}

.account-cont .account-term {
    font-size: 12px;
    text-align: left;
    margin-bottom: 10px;
    color: #343434;
    font-family: "Microsoft YaHei";
}

.account-footer {
    position: relative;
    line-height: 12px;
    left: 0;
    bottom: 20px;
    color: #666666;
    text-align: center;
    width: 100%;
    height: 36px;
    font-family: "Microsoft YaHei";
}

.account-footer .footer-msg {
    display: inline-block;
    margin: 0 auto 10px;
}

.account-footer .footer-msg li {
    float: left;
    margin: 0 10px;
}

.account-footer .footer-msg li a {
    color: #666666;
    font-size: 12px;
}

.account-footer .footer-msg li:hover a {
    color: #ec435d;
}

.account-tips {
    color: #40454a;
    font-family: "Microsoft YaHei";
    font-size: 14px;
    line-height: 30px;
    margin: 20px auto;
}

.account-tab {
    width: 100%;
    line-height: 60px;
    border-bottom: 1px solid #e9e9ea;
    margin-top: 60px;
}

.account-tab li {
    float: left;
    position: relative;
    font-family: "Microsoft YaHei";
    cursor: pointer;
    width: 50%;
    color: #a7b2bf;
}

.account-tab li.active {
    color: #1b225d;
}

.account-tab li span {
    display: inline-block;
    padding: 0 15px;
    border-bottom: 2px solid transparent;
}

.account-tab li.active span {
    border-bottom: 2px solid #8f9396;
}

.account-tab li .icon-wechat-tips {
    position: absolute;
    right: -10px;
    top: -20px;
}

.account-cont .head-code {
    width: 150px;
    height: 150px;
    margin-top: 30px;
}

.account-cont .desc-code {
    color: #41464b;
    font-size: 14px;
    margin-bottom: 20px;
    font-family: "Microsoft YaHei";
    position: relative;
}

.account-cont .desc-code .gesture {
    display: inline-block;
    width: 43px;
    height: 35px;
    background: url(../img/gesture.png);
    background-size: 100%;
    position: absolute;
    left: -4px;
    top: 24px;
}

.weixin-img {
    width: 200px;
}


/*ǰ̨��ҳ�ײ�*/

.footer {
    background: #1c3544;
    width: 100%;
    height: 75px;
    font-family: "Microsoft YaHei";
    overflow: hidden;
}

.footer-content {
    width: 90%;
    height: 100%;
    margin: auto;
    color: #fff;
    position: relative;
}

.footer-content .footer-right {
    float: right;
    margin: 12px 0 0 0;
}

.footer-content .footer-msg {
    width: 100%;
    margin-top: 4px;
}

.footer-content .footer-msg li {
    float: left;
    margin-right: 20px;
    text-align: right;
}

.footer-content .footer-msg a {
    color: #fff;
    font-size: 12px;
}

.footer-content .footer-msg a:hover {
    color: #26cfe8;
}

.footer-content .icon-logo-white {
    width: 120px;
    height: 30px;
}

.footer-content .sign {
    position: absolute;
    left: 0;
    top: 45px;
    font-size: 12px;
}
.footer-content .partner{
    display: inline-block;
    width: 196px;
    height: 44px;
    background: url(../img/partner.png) center no-repeat;
    float: right;
    margin: 12px 20px 0 0;
    background-size: 100%;
}

/*ǰ̨��ҳ����*/


/*��־*/

.main-box {
    background: #e0e3e5;
    padding: 30px 0 30px 0;
}

.read-banner {
    background: url(../img/reading.jpg) center top no-repeat;
    width: 100%;
    height: 464px;
}

.read-banner h1 {
    font-size: 90px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    padding-top: 135px;
}

.read-banner span {
    display: inline-block;
    width: 100%;
    font-size: 50px;
    text-align: center;
    color: #fcfafa;
    padding-top: 30px;
}

.read-content {
    width: 60%;
    margin: 0 auto 30px;
    min-width: 885px;
    padding: 30px 60px 70px;
    border-radius: 5px;
    min-height: 448px;
    position: relative;
    background: #fff;
}

.read-content .title {
    font-size: 20px;
    line-height: 30px;
    font-weight: bold;
    color: #040404;
}

.read-content .time {
    line-height: 30px;
    font-size: 14px;
    color: #666;
}

.read-content .list {
    margin-bottom: 64px;
}

.read-content .cont p {
    line-height: 20px;
    padding: 6px 0;
    font-size: 12px;
    color: #666;
}

.read-content .more {
    color: #070e3c;
    font-size: 12px;
}

.read-content .more:hover {
    color: #0722DA;
}

.link-content {
    width: 60%;
    margin: 0 auto;
    padding: 30px 3% 70px;
    border-radius: 5px;
    background: #fff;
    min-height: 448px;
    position: relative;
    font-family: "Microsoft YaHei";
}

.link-content .msg {
    font-size: 14px;
    margin-left: 2.5%;
}

.link-content .msg a {
    color: #e60a0a;
}

.link-content .msg a:hover {
    color: #26cfe8;
}

.link-content .link-list {
    margin: 30px auto;
}

.link-content .link-list li {
    width: 22%;
    float: left;
    margin: 0 1.5% 50px;
    display: inline;
}

.link-content .link-list img {
    width: 100%;
    max-height: 113px;
}

.link-content .link-list p {
    text-align: center;
    color: #666;
    margin-top: 15px;
}

.link-content .link-list li:hover img {
    transform: scale(1.02);
    transition: all .3s ease-in 0s;
}

.link-content .link-list li:hover p {
    color: #26cfe8;
    transition: all .2s ease-in 0s;
}

.question-banner {
    background: url(../img/question.png) center top no-repeat;
    width: 100%;
    height: 406px;
}

.terms-banner {
    background: url(../img/terms.png) center top no-repeat;
    width: 100%;
    height: 464px;
}

.link-banner {
    background: url(../img/link.jpg) center top no-repeat;
    width: 100%;
    height: 464px;
}

.question-banner h1,
.terms-banner h1,
.link-banner h1 {
    font-size: 100px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    padding-top: 100px;
}
.ques-content {
    width: 70%;
    margin: 0 auto;
    min-width: 885px;
    padding: 30px 60px 70px;
    border-radius: 5px;
    /*    min-height: 448px;*/
    position: relative;
}
.ques-nav-box{
    margin: 35px 0 0 0;
    border: 1px solid #e5e5e7;
    max-height: 650px;
    overflow-y: auto;
    float: left;
}
.ques-nav {
    font-family: "Microsoft YaHei";
    width: 240px;
    background: #fff;
    min-height: 360px;
}
.ques-nav.fixed{
    position: fixed;
    top: 50px;
}
.ques-nav li {
    line-height: 55px;
    cursor: pointer;
    color: #333333;
    text-align: left;
}

.ques-nav li a {
    display: block;
    width: 100%;
    height: 100%;
    color: #333333;
    text-indent: 1.5em;
    border-bottom: 1px solid #e9e9e9;
}
.ques-nav li a.active{
    color: #24b7ce;
}
.ques-nav li a.first-btn{
    width: calc(100% - 4px);
    border-left: 4px solid transparent;
}
.ques-nav li a.first-btn.active{
    border-left: 4px solid  #24b7ce;
}
.ques-nav li a:hover,
.ques-nav .ques-second-list li:hover{
    background: #f8f8f8;
}
.ques-nav li a.first-btn .title{
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 68%;
    vertical-align: middle;
    text-align: left;
    text-indent: 0;
}
/*.ques-nav li a:hover,
.ques-nav li.active a,
.ques-nav .second-list li:hover,
.ques-nav .second-list li.active {
    color: #24b7ce;
    background: #fff;
}*/
.ques-nav li .icon-right-gray{
    float: right;
    margin: 24px 20px 0 0;
}
.ques-nav .ques-second-box,
.ques-nav .ques-second-list{
    display: none;
}
.ques-nav .ques-second-nav{
    line-height: 45px;
    font-size: 14px;
    display: block;
}
.ques-nav .ques-second-nav a{
    text-indent: 2.5em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.ques-nav .ques-second-nav .icon-right-gray{
    margin: 18px 20px 0 0;
}

.ques-nav li.active .ques-second-list{
    display: block;
}
.ques-nav li .icon-right-gray.active{
    transform:rotate(90deg);
}
.ques-nav .ques-second-list li{
    width: 100%;
    font-size: 14px;
    line-height: 40px;
    color: #333;
    font-size: 14px;
    border-bottom: 1px solid #e9e9e9;
    border-right: 1px solid  transparent;
}
.ques-nav .ques-second-list li.active {
    border-right: 1px solid  #fff;
    color: #24b7ce;
}
.ques-nav .ques-second-list a{
    border: none;
    text-indent: 4.4em;
    font-size: 12px;
}
.ques-infor{
    width: 70%;
    margin-left: 221px;
    min-height: 400px;
    overflow:hidden;
    overflow-y: auto;
}
.ques-cont {
    width: 91.6%;
    background: #fff;
    padding: 2% 4%;
    min-height: 660px;
    border-radius: 4px;
    border: 1px solid #e5e5e7;
    font-family: "Microsoft YaHei";
}

.ques-cont .tit {
    font-size: 22px;
    text-align: center;
    font-weight: bold;
    margin-top: 30px;
    position: relative;
}
.ques-cont .tit .line{
    display: inline-block;
    width: 100%;
    height: 15px;
    border-bottom: 1px dashed #24b7ce;
    position: absolute;
    left: 0;
    top: 0;
}
.ques-cont .tit b,
.ques-cont .tit strong{
    display: inline-block;
    background: #fff;
    position: relative;
    z-index: 1;
    font-weight: bold;
    padding: 0 5px;
    color: #24b7ce;
}
.ques-cont .cont {
    margin: 20px 0 50px;
    /*font-size: 12px;*/
    color: #666666;
}
.ques-cont .cont .msg{
    padding: 20px 10px;
}
.ques-cont .cont .msg-list{
    padding: 40px 0 20px;
    position: relative;
}
/*.ques-cont .cont .msg-list:after{
   content: "";
   width: 100%;
   height: 1px;
   background: url(../img/question/line.png) 0 0 no-repeat;
   background-size: 100%;
   position: absolute;
   bottom: 0;
   left: 0;
}*/
.ques-cont .cont .msg-list.borderNone:after{
    background: inherit;

}
.ques-cont .cont .msg-list .q{
    color: #24b7ce;
    font-size: 18px;
    font-family: cursive;
    font-weight: normal;
    position: absolute;
    left: -33px;
    top: 2px;
}
.ques-cont .cont .msg-list dt{
    font-weight: bold;
    color: #333333;
    font-size: 16px;
    position: relative;
    margin:0 0 8px 34px;
}
.ques-cont .cont .msg-list dd{
    font-size: 14px;
    margin-left: 34px;
    position: relative;

}
.ques-cont .cont .msg-list p{
    padding: 2px 0;
}
.ques-cont .cont .msg-list .a{
    color: #666666;
    font-size: 14px;
    font-family: cursive;
    font-weight: normal;
    position: absolute;
    left: -30px;
    top: 2px;
}
.ques-cont .cont .msg-step{
    line-height: 28px;
    font-size: 14px;
    position: relative;
    margin-left: 62px;
}
.ques-cont .cont .msg-step2{
    margin-left: 35px;
}
.ques-cont .cont .msg-step3{
    margin-left: 80px;
}
.ques-cont .cont .msg-step span{
    color: #24b7ce;
    font-weight: bold;
}
.ques-cont .cont .msg-step .tip{
    position: absolute;
    left: -62px;
    top: 0;
}
.ques-cont .cont .msg-step .tip2{
    left: -35px;
}
.ques-cont .cont .msg-step .tip3{
    left: -80px;
}
.ques-cont .cont .msg-step .detail{
    margin-left: 60px;
}
.ques-cont .cont .msg-step b.num{
    font-size: 16px;
    font-weight: bold;
}
.ques-cont .cont .img{
    margin-top: 20px;
    padding: 0;
}
.ques-cont .cont .moreimg div{
    float: left;
    width: 30%;
    height: 100%;
    margin-right: 5%;
    position: relative;
}
.ques-cont .cont .moreimg div:last-child{
    margin-right: 0;
}
.ques-cont .cont .arrow-r{
    display: inline-block;
    width: 38px;
    height: 18px;
    background: url(../img/arrow-r.png) 0 0 no-repeat;
    background-size: 100%;
    position: absolute;
    right: -25px;
    top: 50%;
}
.ques-cont .cont .arrow-b{
    display: inline-block;
    width: 18px;
    height: 38px;
    background: url(../img/arrow-b.png) 0 0 no-repeat;
    background-size: 100%;
    margin: 20px 0;
    position: relative;
    top: 0;
    left: 50%;
    margin-left: -9px;
}
/*.ques-cont .cont p,
.ques-cont .cont div {
    padding: 14px 0;
}*/

/*.ques-cont .cont h4 {
    font-size: 18px;
    line-height: 30px;
    margin-top: 20px;
    color: #333333;
    font-weight: bold;
}*/
.ques-cont .cont .int-tit-sm{
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin-top: 20px;
}
/*.ques-cont .cont div p {
    padding: 0;
}*/
.ques-cont .cont .or{
    color: #D8271C;
    font-size: 24px;
    font-weight: bold;
    margin: 10px 0;
    text-align: center;
}
.terms-time {
    font-weight: bold;
    font-size: 16px;
    margin: 10px 0 30px;
}

.terms-tit {
    font-weight: bold;
    font-size: 16px;
    margin: 20px 0;
}

.terms-cont {
    margin: 0 20px 0 20px;
    color: #666;
    font-size: 12px;
}

.terms-cont h5 {
    font-weight: bold;
    padding: 12px 0;
}

.terms-cont p {
    padding: 12px 0 0;
}
.large-box{
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 999999999999;
    display: table-cell;
}
.large-box .layer{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    display: inline-block;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
}
.large-box  .img-large{
    z-index: 2;
    position: absolute;
    left:50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
/*�۸�*/
.home-content{
    font-family: "Microsoft YaHei";
}
.main-card .price-bg {
    width: 100%;
    height: 394px;
    min-width: 1200px;
    overflow: hidden;
}
.price-bg .cont{
    width: 1920px;
    height: 100%;
    background: url(../img/price-bg.png) center top no-repeat;
    background-size: 100%;
    position: relative;
    text-align: center;
    color: #fff;
    font-family: "Microsoft YaHei";
}
.price-bg .cont .tit{
    padding: 150px 40px 0 0;
    font-size: 43px;
}
.price-bg .cont .tip{
    font-size: 16px;
    padding: 10px 40px 0 0;
}
.home-price-content{
    width: 80%;
    min-width: 1200px;
    margin: auto;
    position: relative;
    top:-90px;
}
.home-price-table{
    width: 100%;
    border: 1px solid #e5e5e5;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    font-family: "Microsoft YaHei";
}
.home-price-table th{
    color: #1c3544;
    font-size: 25px;
    border: 1px solid #e5e5e5;
    text-align: center;
    padding: 15px 0;
    width: 20%;
    background:#fff;
}
.home-price-table th:nth-child(2){
    background:#ececec;
}
.home-price-table th:nth-child(3){
    background:#80d3e3;
    color: #fff;
}
.home-price-table th:nth-child(5){
    background:#5bdbf4;
    color: #fff;
}
.home-price-table td{
    padding: 20px 0;
    background:#fff;
    border: 1px solid #e5e5e5;
}
.home-price-table .tip{
    padding: 0 0 10px 24px;
    line-height: 15px;
    color: #3a3a3a;
    font-weight: bold;
    font-size: 16px;
}
.home-price-table .sm-tip{
    font-size: 12px;
}
.home-price-table .msg{
    padding-left: 40px;
    color: #3a3a3a;
}
.home-price-table .price{
    font-size: 50px;
    color: #333;
}
.home-price-table .sym{
    color: #696969;
    position: relative;
    top:-30px;
    left:5px;
    font-weight: bold;
}
.home-price-table .ori-price{
    color: #666;
    vertical-align: baseline;
    text-decoration: line-through;
}
.home-price-table .btn{
    display: inline-block;
    font-size: 14px;
    color: #5fcde2;
    line-height: 32px;
    border:1px solid #5fcde2;
    padding: 0 16px;
    border-radius: 6px;
    margin-top: 10px;
}
.home-price-table .btn:hover,
.home-price-table .btn.active{
    color: #fff;
    background: #5fcde2;
}
.home-price-table .btn.active:hover{
    opacity: .8;
}
.home-price-table2{
    width: calc(100% / 5 + 2px);
    min-width: 200px;
    position: absolute;
    left: 60%;
    top: -30px;
    box-shadow: 0 0 10px #29829e;
}
.home-price-table2 th{
    background:#5fcde2;
    color: #fff;
    padding: 30px 0;
    border: 1px solid #5fcde2;
    position: relative;
}
.home-price-table2 th .hui{
    display: inline-block;
    width: 73px;
    height: 64px;
    background: url(../img/act20190312/new.png) 0 0 no-repeat;
    background-size: 100%;
    position: absolute;
    right: -1px;
    top: -1px;
}
.home-price-table2 td{
    border-left: 1px solid #5fcde2;
    border-right: 1px solid #5fcde2;
}
.home-price-table2 tr:last-child td{
    padding: 20px 0 50px;
    border-bottom: 1px solid #5fcde2;
}
.home-price-infor{
    width:65%;
    margin: 50px auto;
    min-width: 1200px;
    padding-bottom: 50px;
    position: relative;
}
.home-price-infor .infor{
    width: calc(50% - 20px);
    position: absolute;
    background:#fff;
    padding-bottom: 20px;
    box-shadow: 0px 0px 10px #e3e3e3;
}
.home-price-infor .infor:hover{
    box-shadow: 0px 0px 15px #c7ccd2;
}
.home-price-infor .ques{
    color: #333;
    font-size: 18px;
    margin: 25px 20px 10px;
    font-weight: bold;
}
.home-price-infor .ans{
    color: #626770;
    font-size: 14px;
    margin: 0 20px;
    padding-left:20px;
    line-height: 30px;
    position: relative;
}
.home-price-infor .ans:before{
    content: "";
    width: 8px;
    height: 8px;
    background:#5fcde2;
    border-radius: 50%;
    position: absolute;
    left: 4px;
    top: 11px;
}
.home-price-infor .ans:after{
    content: "";
    width: 4px;
    height: 4px;
    background:#fff;
    border-radius: 50%;
    position: absolute;
    left: 6px;
    top: 13px;
}
.home-price-infor .ans.inpo{
    color: #e1455f;
}
.home-price-infor .infor:hover .ques{
    color: #5fcde2;
}
.home-ques-box{
    text-align: center;
    padding-bottom: 60px;
}
.home-ques-box .tit{
    font-size: 30px;
    color: #333;
}
.home-ques-box .tip{
    color: #333;
    margin-top: 20px;
}
.home-ques-box .btn{
    color:#5fcde2;
}
.home-ques-box .btn:hover{
    opacity: .7;
}
.home-ques-box .arrow{
    display: inline-block;
    width: 10px;
    height: 15px;
    vertical-align: middle;
    position: relative;
}
.home-ques-box .arrow-t,
.home-ques-box .arrow-b{
    display: inline-block;
    width: 8px;
    height: 1px;
    background:#65d3e3;
    transform:rotate(45deg);
    position: absolute;
    top: 4px;
    right:0;
    transition:all .2s ease-in 0s;
}
.home-ques-box .arrow-b{
    transform:rotate(-45deg);
    top: 9px;
}
.home-ques-box .arrow-l{
    display: inline-block;
    width: 0;
    height: 1px;
    background:#65d3e3;
    position: absolute;
    top: 6px;
    right:1px;
    transition:all .2s ease-in 0s;
}
.home-ques-box .btn:hover .arrow-l{
    width: 8px;
    right: -1px;
}
.home-ques-box .btn:hover .arrow-t,
.home-ques-box .btn:hover .arrow-b{
    right:-4px;
}

/*����ȫ���ܽ���*/
.main-card .func-bg{
    width: 100%;
    height: 394px;
    min-width: 1200px;
    background: linear-gradient(to right, #32417b , #29829d);
    position: relative;
}
.func-bg .cont{
    width: 70%;
    height: 316px;
    background: url(../img/func-bg.png) center bottom no-repeat;
    background-size: 100%;
    text-align: center;
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translate(-50%,0);
    color: #fff;
}
.func-bg .title-box{
    padding-left: 35%;
    text-align: left;

}
.func-bg .tit{
    font-size: 43px;
    margin-top: 70px;
}
.func-bg .tip{
    font-size: 17px;
    margin-top: 20px;
}
.func-bg .typeitbox{
    float: left;
    display: inline-block;
    position: relative;
    font-size: 20px;
    color: #000000;
    height: 50px;
}
@keyframes blink-caret { 50% { background-color: transparent; } }
.func-bg .typeContent{
    animation:blink-caret 1s step-end infinite;
    width: 3px;
    height: 20px;
    /* background-color: #000; */
    color:#00c1de;
    float: left;
    position: absolute;
    right: -10px;
}
.func-tab{
    width: 88%;
    min-width: 1160px;
    margin:auto;
    position: relative;
    top:-50px;
    box-shadow: 0 0 20px #7e7e7e;
    background: #fff;
}
.func-tab-list li{
    float: left;
    width: 14.2858%;
    text-align: center;
    height: 100px;
    line-height: 100px;
    color: #333;
    border-bottom: 3px solid transparent;
    cursor: pointer;
    font-family: "Microsoft YaHei";
}
.func-tab-list .name{
    margin-left: 10px;
    vertical-align: middle;
}
.func-tab-list li a{
    display: inline-block;
    width: 100%;
    height: 100%;
    color: #333;
}
.func-tab-list li.active{
    border-bottom: 3px solid #00c1de;
}
.func-tab-list li.active a{
    color: #00c1de;
}
.func-tab .tab-layer{
    display: inline-block;
    position: absolute;
    left: 0;
    top:0;
    width: 14.29%;
    height: 100%;
    background: #f4faff;
    display: none;
}
.main-func-content{
    margin-bottom: 50px;
    font-family: "Microsoft YaHei";
}
.main-func-content .main-infor-list .tit{
    margin: 40px 0 40px;
}
.main-func-content .main-infor-list span{
    font-weight: bold;
}
.main-func-content .title {
    text-align: center;
    font-size: 40px;
    color: #343434;
    font-weight: bold;
}
.main-func-content .home-title{
    padding-top: 80px;
    margin-bottom: -50px;
}
.main-func-content .title {
    text-align: center;
    font-size: 40px;
    color: #343434;
    font-weight: bold;
}
.main-video-content{
    margin-bottom: 20px;
    font-family: "Microsoft YaHei";
}
.main-video-content .title {
    text-align: center;
    font-size: 40px;
    color: #343434;
    font-weight: bold;
    padding-top: 80px;
}
.main-video-content .tip{
    text-align: center;
    font-size: 17px;
    margin-top: 20px;
}
.main-video-content .box{
    /*width: 1420px;*/
    margin: 0 auto;
    padding: 20px;
}
.main-video-content .video-box{
    height: 500px;
    width: 70%;
    margin: 0 auto;
}
.buy-package-box{
    background: #f1f8fe;
    height: 252px;
    text-align: center;
    font-family: "Microsoft YaHei";
}
.buy-package-box .buy-package-layer{
    display: inline-block;
    width: 648px;
    height: 252px;
    background: url(../img/map.jpg) center top no-repeat;
    background-size: 100%;
    position: absolute;
    left: 50%;
    margin-left: -324px;
}
.buy-package-box  .msg{
    color: #506674;
    font-size: 40px;
    position: relative;
    padding-top: 70px;
}

.buy-package-box .btn{
    display: inline-block;
    width: 120px;
    height: 42px;
    line-height: 42px;
    background: #5fcde2;
    color: #fff;
    font-size: 14px;
    border-radius: 4px;
    text-align: center;
    margin-top: 35px;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.buy-package-box .btn:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(ellipse at center, #5fcde2 0%, transparent 80%);
    background: radial-gradient(ellipse at center, #5fcde2 0%, transparent 80%);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;
}
.buy-package-box .btn:hover {
    background: #5fcde2;
    color: #fff;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}
.buy-package-box .btn:hover:before {
    opacity: 1;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}
/*��������*/

.home-card .about-bg {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    background: url(../img/about-bg.jpg) center top no-repeat;
    background-size: 100%;
}
.home-card .increase-bg{
    width: 100%;
    height: 22.24vw;
    overflow: hidden;
    position: relative;
    /*background: url(../img/increase.png) center top no-repeat;*/
    background-size: 100%;
    margin-top: 51px;
}
.increase-bg .swiper-slide img{
    width: 100%;
    height: 100%;
}
.increase-bg .swiper-pagination-bullet{
    width: 1.5rem;
    height: .8rem;
    display: inline-block;
    border-radius: 6px;
    background: #fff;
    opacity: .4;
    position: relative;
}
.increase-bg .swiper-pagination-bullet-active {
    width: 3rem;
    opacity: 1;
    border-radius: 6px;
    background: #aee2e7;
    overflow: hidden;
}
.about-bg .top-cont {
    margin: 130px auto 160px;
    text-align: center;
}

.about-box {
    width: 1200px;
    margin: auto;
}

.about-box li {
    float: left;
    width: 300px;
    height: 300px;
    margin: 0 50px;
}

.about-box li:hover .iconB {
    transform: scale(1.1);
    transition: all .2s ease-in 0s;
}

.about-box li:hover h4 {
    color: #26cfe8;
    transition: all .2s ease-in 0s;
}

.about-box li h4 {
    font-size: 22px;
    color: #666666;
    margin-top: 20px;
    font-family: "Microsoft YaHei";
}

.about-box li span {
    display: inline-block;
    font-size: 15px;
    color: #666;
    margin-top: 15px;
    width: 215px;
    font-family: "Microsoft YaHei";
}

.main-card .title .col {
    vertical-align: middle;
    color: #15536b;
    margin-left: 20px;
}

.home-card .about-btn {
    display: inline-block;
    width: 145px;
    height: 46px;
    line-height: 46px;
    background: #65d3e3;
    border-radius: 2px;
    color: #fff;
    margin-top: 20px;
    font-size: 20px;
    font-family: "Microsoft YaHei";
    position: relative;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.home-card .about-btn:hover{
    color: #fff;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}
.home-card .about-btn:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(ellipse at center, #65d3e3 0%, transparent 80%);
    background: radial-gradient(ellipse at center, #65d3e3 0%, transparent 80%);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;
}
.home-card .about-btn:hover:before{
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
}
.home-card .contact-msg {
    margin-bottom: 60px;
}

.home-card .contact-msg .title {
    font-size: 32px;
}

.home-card .contact-msg p {
    font-family: "Microsoft YaHei";
    font-size: 18px;
    color: #666;
    margin: 10px 0;
}

.home-card .contact-msg span {
    display: inline-block;
    font-family: "Microsoft YaHei";
    font-size: 16px;
    color: #666;
    text-align: left;
    line-height: 26px;
}


/*����ָ��*/

.help-box {
    background: #fff;
    padding: 20px 0 20px 0;
}

.help-guide {
    width: 1000px;
    margin: 65px auto 0;
    background: #287d8a;
    border-radius: 4px;
    min-height: 793px;
}

.help-guide .index {
    width: 385px;
    /*height: 500px;*/
    margin: auto;
    padding: 149px 0 0 0;
    text-align: left;
    font-family: "Microsoft YaHei";
}

.help-guide .index h3 {
    font-size: 56px;
    color: #fff;
    margin-top: 25px;
}

.help-guide .index .help-list {
    margin-top: 30px;
    line-height: 40px;
    padding: 0 0 200px 0;
}

.help-guide .index .help-list li {
    color: #fff;
    position: relative;
}

.help-guide .index .help-list a {
    color: #fff;
    font-size: 20px;
}

.help-guide .index .help-list a:hover {
    color: #26cfe8;
}

.help-guide .help-list a:hover i {
    transform: scale(1.3);
    transition: all .4s ease-in 0s;
}

.help-box .help-cont {
    width: 1000px;
    margin: 50px auto 0;
    font-family: "Microsoft YaHei";
}

.help-box .help-cont .tit {
    color: #1c3544;
    font-size: 52px;
    text-align: center;
}

.help-box .help-cont .tit i {
    vertical-align: bottom;
    margin-right: 80px;
}

.help-box .help-cont .menu {
    margin-top: 50px;
    width: 100%;
    height: 100px;
    line-height: 100px;
    background: #287d8a;
    color: #fff;
    font-size: 32px;
    text-align: center;
}

.help-box .help-cont .list {
    color: #1c3544;
    font-size: 14px;
    line-height: 70px;
    margin-top: 20px;
}

.help-box .help-cont img {
    width: 100%;
}

.helps .help-title {
    border-left: 2px solid #000;
    line-height: 65px;
    margin: 10px 10px 10px 25px;
    padding-left: 25px;
    font-size: 27px;
}

.helps .content {
    padding: 30px 40px;
    font-size: 14px;
}

.helps .content h1 {
    font-size: 24px;
    line-height: 50px;
}

.helps .content .tips {
    color: #FF0000;
    margin: 16px 0;
    position: relative;
    padding-left: 20px;
    line-height: 20px;
}

.helps .tips .icon {
    position: absolute;
    left: 0;
    top: 4px;
}

.helps .content h3 {
    font-size: 18px;
    padding: 25px 0 15px 0;
}

.helps .content .list {
    padding: 15px 0;
}

.helps .content a {
    color: #000;
}

.helps .content a:hover {
    color: #197bc1;
}

.helps .content .list-sm {
    padding: 6px 0;
}

/*��ֵ�������ҳ*/
.increase-cont{
    /*background: url(../img/bg.png)no-repeat;*/
    width: 1040px;
    height: 151px;
    margin: 135px auto;
    color: #fff;
    text-align: center;
    padding-top: 8px;
}
.increase-cont img{
    width: 100%;
}
.increase-cont h1{
    font-size: 50px;
    line-height: 56px;
}
.increase-cont h3{
    font-size: 28px;
    line-height: 90px;
}
.service_content{
    position: relative;
    width: 71%;
    margin: 30px auto;
    min-width: 1200px;
}
.index-elevator-box{
    position: relative;
    text-align: center;
    width: 75px;
    float: left;
    height: 100%;
    border-radius: 4px;
}
.index-elevator-box .index-ul{
    box-shadow: 1px 1px 7px rgba(0,0,0,0.1);
}
.index-elevator-box .index-ul a{
    font-size: 13px;
    color: #222;

}
.index-elevator-box .index-ul li.active{
    background-color: #27B8D0;
    color: #fff
}
.index-elevator-box .index-ul li.active a{
    color: #fff
}
.index-elevator-box .index-ul li:first-child{
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.index-elevator-box .index-ul li:last-child{
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.index-elevator-box.active{
    position: fixed;
    top: 70px;

}
.index-floor{
    position: relative;
    float: right;
    width: 91%;
}
.index-floor .mod-floor{
    margin-bottom: 30px;
}
.index-floor .mod-floor:nth-child(5n-4) .floor-body{
    background-color: #419FE3;
}
.index-floor .mod-floor:nth-child(5n-3) .floor-body{
    background-color: #F57E6B;
}
.index-floor .mod-floor:nth-child(5n-2) .floor-body{
    background-color: #4BC6CA;
}
.index-floor .mod-floor:nth-child(5n-1) .floor-body{
    background-color: #4171D4;
}
.index-floor .mod-floor:nth-child(5n) .floor-body{
    background-color: #59CCB0;
}
.index-floor .mod-floor:nth-child(5n-3) .floor-body .floor-left label{
    color: #F57E6B
}
.index-floor .mod-floor:nth-child(5n-2) .floor-body .floor-left label{
    color: #4BC6CA
}
.index-floor .mod-floor:nth-child(5n-1) .floor-body .floor-left label{
    color: #4171D4
}
.index-floor .mod-floor:nth-child(5n) .floor-body .floor-left label{
    color: #59CCB0
}
.index-ul li{
    height: 2.1vw;
    min-height: 30px;
    cursor: pointer;
    position: relative;
    padding: 5px 10px;
    border-bottom: 1px solid #F1F1F1;
}
.index-ul li.active{
    border-bottom: 1px solid #27B8D0;
}
.elevator-item-text{
    /*width: 80%; */
    /* padding: 5px 10px; */
    text-align: center;
    align-items: center;
    display: flex;
    height: 2.1vw;
    width: auto;
}
.index-ul li:last-child .elevator-item-text{
    border-bottom: none;
}
.floor-body{
    background-color: #419FE3;
    padding: 15px;
    border-radius: 4px;
    font-size: 14px;
    color: #fff;
    height: 16vw;
    min-height: 240px;
    position: relative;
}
.floor-left,
.floor-right{
    float: left;
}
.index-floor .mod-floor h2{
    font-size: 24px;
    color: #073B49;
    font-weight: bold;
    margin-bottom: 15px;
}
.index-floor .mod-floor h2 b{
    font-size: 14px;
    color: #333;
    margin-left: 10px;
}
.floor-left{
    width: 195px;
    text-align: center;
    /*height: 260px;*/
    padding:25px 10px;
}
.floor-left p{
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    margin: 10px 0 15px;
    line-height: 25px;
    height: 5.2vw;
}
.floor-left h3{
    font-weight: bold;
    font-size: 20px;
    margin: 10px auto 0;
}
.floor-left img{
    width: 2.65625vw;
    height: 2.65625vw;
    background-size: 100%;
    border-radius: 50%
}
.floor-left label{
    padding: 10px 20px;
    border-radius: 4px;
    background-color: #fff;
    color: #3D94D3;
    line-height: 14px;
    margin-top: 0;
    display: inline-block;
}
.floor-right{
    margin-left: 15px;
    width: calc(100% - 220px - 20px);
    height: 15.625vw;
    position: relative;
}
.floor-right .swiper-slide{
    background-color: #fff;
    border-radius: 4px;
    color: #222;
    font-size: 14px;
    width: 240px;
    height: 15.625vw;
    min-height: 240px;
    cursor: pointer;
}
.floor-right .swiper-slide:hover{
    box-shadow: 1px 2px 10px rgba(40,117,172,0.4);
    position: relative;
    z-index: 999;
    transform: translateY(-5px) scale(1.02);
    -moz-transform: translateY(-5px) scale(1.02);
    -webkit-transform: translateY(-5px) scale(1.02);
    -ms-transform: translateY(-5px) scale(1.02);
    -o-transform: translateY(-5px) scale(1.02);
    transition: all .2s ease-in 0s;
}
.floor-right .swiper-slide:hover .swiper-content a{
    transform:none;
}
.floor-right .swiper-container{
    height: 320px;
    margin-top: -48px;
    padding-top: 50px;
}
.floor-right .swiper-content p{
    /*text-indent: 2em; */
    text-align: left;
    line-height: 30px;
    margin: 15px 0;
    color: #222;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 90px;
}
.floor-right .swiper-content img{
    width: 9.4271vw;
    height: 2.2396vw;
}
.swiper-content{
    padding: 20px;
    text-align: center;
    position: relative;
    height: 14vw;
    min-height: 210px;
}
.declare_btn{
    border: solid 1px #36BDD3;
    color: #36BDD3;
    display: inline-block;
    padding: 0 10px;
    border-radius: 4px;
    position: absolute;
    left: 30px;
    bottom: 2vw;
    width: 7.7vw;
    height: 2vw;
    line-height: 2vw;
    border-radius: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.declare_btn:hover{
    background-color: #36BDD3;
    color: #fff;
}
.floor-right .swiper-button-next{
    background: url(../img/next-on.png)no-repeat;
    width: 26px;
    height: 24px;
    background-size: 100%;
    top: 6%;
    right: 0
}
.floor-right .swiper-button-prev{
    background: url(../img/prev-on.png)no-repeat;
    width: 26px;
    height: 24px;
    background-size: 100%;
    top: 6%;
    right: 25px;
    left: auto;
}

.floor-right .swiper-button-prev.swiper-button-disabled{
    background: url(../img/prev.png)no-repeat;
    width: 26px;
    height: 24px;
    background-size: 100%;
    opacity:1;
}
.floor-right .swiper-button-next.swiper-button-disabled{
    background: url(../img/next.png)no-repeat;
    width: 26px;
    height: 24px;
    background-size: 100%;
    opacity: 1;
}
.floor-body .network{
    background: url(../img/network.png)no-repeat;
    width: 355px;
    height: 158px;
    background-size: 100%;
    position: absolute;
    left: 0;
    bottom: 0
}




/*��������*/

.question-box {
    background: #f9f9f9;
    margin: 99px auto 0;
}
.home-college-nav {
    background: -webkit-linear-gradient(left,#5d6f92,#579eac);
    background: -moz-linear-gradient(left,#5d6f92,#579eac);
}
.college-column {
    position: fixed;
    top: 50px;
    left: 0;
    width: 100%;
    height: 42px;
    background: #fff;
    border-bottom: 1px solid #e9e9e9;
    text-align: center;
    z-index: 9999;
    font-family: "Microsoft YaHei";
}
.college-column-list {
    display: inline-block;
}
.college-column-list li {
    float: left;
    line-height: 40px;
    margin: 0 22px;
}
.college-column-list li a {
    display: inline-block;
    width: 100%;
    height: 39px;
    color: #444444;
    padding: 0 10px;
    font-size: 14px;
    border-bottom: 2px solid transparent;
}
.college-column-list li.active a, .college-column-list li:hover a {
    color: #ff6600;
    border-bottom: 2px solid #ff6600;
}
/*���ҹ��ʷ���*/
.consBanner{
    width: 100%;
    height: 850px;
    overflow: hidden;
    position: relative;
    background: url(../img/sellerConsultant/bg.jpg) center top no-repeat;
    background-size: 100%;
    -ms-behavior: url(../css/backgroundsize.min.htc);
    behavior: url(../css/backgroundsize.min.htc);
    text-align: center;
    font-family: PingFang SC, sans-serif;
}
.consBanner .tit{
    font-size: 110px;
    margin-top: 8%;
    font-weight: bold;
}
.consBanner .tip{
    font-size: 45px;
    color: #4a4a4a;

}
.consBanner .price-box{
    margin: 28px 0;
}
.consBanner .price{
    display: inline-block;
    font-size: 20px;
    width: 200px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    border: 2px solid #26cae2;
    color: #26cae2;
    margin: 0 25px;
    cursor: pointer;
    position: relative;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.consBanner .price:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #26cae2;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.consBanner .price:nth-child(2):before{
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}
.consBanner .price:hover{
    color: white;
}
.consBanner .price:hover:before{
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.consBanner .price b{
    font-size: 56px;
}
/*.consBanner .price:hover{
    background: #26cae2;
    color: #fff;
}*/
.cons-content .title{
    font-size: 66px;
    color: #2a4665;
    font-weight: bold;
    margin-top: 80px;
    font-family: PingFang SC, sans-serif;
}
.cons-content .subtitle{
    font-size: 26px;
    color: #2a4665;
    font-family: PingFang SC, sans-serif;
}
.cons-list {
    width: 1132px;
    margin: 90px auto 140px;
    padding-left: 8px;
    font-family: PingFang RG, sans-serif;
}
.cons-list li{
    width:275px;
    height: 155px;
    position: relative;
    float: left;
    margin:44px 4px;
    cursor: pointer;
}
.cons-list li:nth-child(1),
.cons-list li:nth-child(8){
    margin:44px 4px 44px 145px;
}
.cons-list .hexagon{
    display: inline-block;
    width: 275px;
    height: 315px;
    background: url(../img/sellerConsultant/hexagon.png) center top no-repeat;
    background-size: 100%;
    position: absolute;
    left: 0;
    top: -80px;
}
.cons-list li .name{
    color: #505357;
    height: 28px;
    padding: 40px 0 10px;
    font-size: 21px;
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-transition: all .6s cubic-bezier(0.4,0,0.2,1);
    transition: all .6s cubic-bezier(0.4,0,0.2,1);
    -webkit-transition-property: color,bottom,transform;
    transition-property: color,bottom,transform;
}
.cons-list li:hover .name{
    -webkit-transform: scale(.75);
    transform: scale(.75);
}
.cons-list li .tip{
    color: #b2b3b4;
    height: 28px;
    font-size: 14px;
    -webkit-transform-origin: bottom top;
    transform-origin: bottom top;
    -webkit-transition: all .6s cubic-bezier(0.4,0,0.2,1);
    transition: all .6s cubic-bezier(0.4,0,0.2,1);
    -webkit-transition-property: color,bottom,transform;
    transition-property: color,bottom,transform;
}
.cons-list li:hover .tip{
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

.cons-list li .conIcon01{
    display: inline-block;
    width: 35px;
    height: 55px;
    background: url(../img/sellerConsultant/conIcon01.png) center top no-repeat;
    background-size: 100%;
}
.cons-list li .conIcon02{
    display: inline-block;
    width: 51px;
    height: 52px;
    background: url(../img/sellerConsultant/conIcon02.png) center top no-repeat;
    background-size: 100%;
}
.cons-list li .conIcon03{
    display: inline-block;
    width: 72px;
    height: 53px;
    background: url(../img/sellerConsultant/conIcon03.png) center top no-repeat;
    background-size: 100%;
}
.cons-list li .conIcon04{
    display: inline-block;
    width: 55px;
    height: 56px;
    background: url(../img/sellerConsultant/conIcon04.png) center top no-repeat;
    background-size: 100%;
}
.cons-list li .conIcon05{
    display: inline-block;
    width: 66px;
    height: 54px;
    background: url(../img/sellerConsultant/conIcon05.png) center top no-repeat;
    background-size: 100%;
}
.cons-list li .conIcon06{
    display: inline-block;
    width: 63px;
    height: 53px;
    background: url(../img/sellerConsultant/conIcon06.png) center top no-repeat;
    background-size: 100%;
}
.cons-list li .conIcon07{
    display: inline-block;
    width: 53px;
    height: 53px;
    background: url(../img/sellerConsultant/conIcon07.png) center top no-repeat;
    background-size: 100%;
}
.cons-list li .conIcon08{
    display: inline-block;
    width: 59px;
    height: 54px;
    background: url(../img/sellerConsultant/conIcon08.png) center top no-repeat;
    background-size: 100%;
}
.cons-list li .conIcon09{
    display: inline-block;
    width: 56px;
    height: 56px;
    background: url(../img/sellerConsultant/conIcon09.png) center top no-repeat;
    background-size: 100%;
}
.cons-list li .conIcon10{
    display: inline-block;
    width: 42px;
    height: 53px;
    background: url(../img/sellerConsultant/conIcon10.png) center top no-repeat;
    background-size: 100%;
}
.cons-list li:hover .hexagon{
    background: url(../img/sellerConsultant/hexagon_active.png) center top no-repeat;
    background-size: 100%;
}
.cons-list li:hover .name{
    color: #b2b3b4;
}
.cons-list li:hover .tip{
    color: #26cae2;
}
.cons-list li:hover .conIcon01{
    background: url(../img/sellerConsultant/conIcon01_active.png) center top no-repeat;
    background-size: 100%;
}
.cons-list li:hover .conIcon02{
    background: url(../img/sellerConsultant/conIcon02_active.png) center top no-repeat;
    background-size: 100%;
}
.cons-list li:hover .conIcon03{
    background: url(../img/sellerConsultant/conIcon03_active.png) center top no-repeat;
    background-size: 100%;
}
.cons-list li:hover .conIcon04{
    background: url(../img/sellerConsultant/conIcon04_active.png) center top no-repeat;
    background-size: 100%;
}
.cons-list li:hover .conIcon05{
    background: url(../img/sellerConsultant/conIcon05_active.png) center top no-repeat;
    background-size: 100%;
}
.cons-list li:hover .conIcon06{
    background: url(../img/sellerConsultant/conIcon06_active.png) center top no-repeat;
    background-size: 100%;
}
.cons-list li:hover .conIcon07{
    background: url(../img/sellerConsultant/conIcon07_active.png) center top no-repeat;
    background-size: 100%;
}
.cons-list li:hover .conIcon08{
    background: url(../img/sellerConsultant/conIcon08_active.png) center top no-repeat;
    background-size: 100%;
}
.cons-list li:hover .conIcon09{
    background: url(../img/sellerConsultant/conIcon09_active.png) center top no-repeat;
    background-size: 100%;
}
.cons-list li:hover .conIcon10{
    background: url(../img/sellerConsultant/conIcon10_active.png) center top no-repeat;
    background-size: 100%;
}
.cons-content2{
    padding-top: 20px;
    background: #f7f7f7;
}
.consfirm-list{
    width: 1248px;
    margin: 60px auto 0;
    padding-bottom: 70px;
}
.consfirm-list li{
    float: left;
    width: 280px;
    height: 168px;
    margin: 10px 15px;
    background: #fff;
    position: relative;
    border: 1px solid #dbdbdb;
    cursor: pointer;
    overflow: hidden;
}
.consfirm-list .name{
    display: inline-block;
    width: 100%;
    height: 35px;
    line-height: 35px;
    background: #96dfea;
}

.consfirm-list .logo{
    width: 280px;
    height: 168px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    position: relative;
}
.consfirm-list .logo img{
    max-width: 100%;
    max-height: 100%;
}
.consfirm-list li:hover{
    border: 1px solid #26cae2;
    box-shadow: 2px 2px 8px #e8e8e8;
    transition:all .3s ease-in 0s;
}
.consfirm-list li:hover .logo{
    height: 133px;
    transition:all .3s ease-in 0s;
}
.icon-tick-blue{
    display: inline-block;
    width: 17px;
    height: 13px;
    background: url(../img/sellerConsultant/icon-tick-blue.png) no-repeat;
    background-size: 100%;
}
.consPrice-card{
    width: 1200px;
    margin: 100px auto;
}
.consPrice-box{
    width: 400px;
    float: left;
    margin: 0 100px;
    overflow: hidden;
}
.consPrice-box .top{
    position: relative;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border: 1px solid #26cae2;
}
.consPrice-box .tit{
    color: #26cae2;
    font-size: 23px;
    padding: 40px 0 10px;
}
.consPrice-box .tip{
    font-size: 22px;
    padding-bottom: 30px;
    font-family: PingFang SC, sans-serif;
}
.consPrice-box .tip span{
    font-size: 45px;
    font-weight: bold;
}
.consPrice-box .bottom{
    position: relative;
    margin-top: 2px;
    padding-top: 30px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 1px solid #26cae2;
}
.consPrice-box .bottom p{
    text-align: left;
    text-indent: 4em;
    color: #8c8c8c;
    line-height: 40px;
    font-family: PingFang RG, sans-serif;
}
.consPrice-box .bottom .btn{
    display: inline-block;
    width: 130px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #26cae3;
    border-radius: 5px;
    color: #26cae3;
    margin: 40px 0;
    cursor: pointer;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
}
.consPrice-box .bottom .btn a{
    display: inline-block;
    width: 100%;
    height: 100%;
    color: #26cae2;
    transition: all 0s;
    font-family: PingFang RG, sans-serif;
}
.consPrice-box .bottom .btn:hover{
    opacity: .8;
}
.consPrice-box .bottom .btn:before, .consPrice-box .bottom .btn:after {
    pointer-events: none;
    position: absolute;
    content: '';
    left: 0;
    width: 100%;
    box-sizing: border-box;
    background-repeat: no-repeat;
    height: 6px;
    opacity: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
}
.consPrice-box .bottom .btn:before {
    bottom: 100%;
    background: -webkit-radial-gradient(50% 150%, ellipse, rgb(38, 202, 226) 0%, transparent 80%);
    background: radial-gradient(ellipse at 50% 150%, rgb(38, 202, 226) 0%, transparent 80%)
}
.consPrice-box .bottom .btn:after {
    top: 100%;
    background: -webkit-radial-gradient(50% -50%, ellipse, rgb(38, 202, 226) 0%, transparent 80%);
    background: radial-gradient(ellipse at 50% -50%, rgb(38, 202, 226) 0%, transparent 80%);
}
.consPrice-box .bottom .btn:hover:before,.consPrice-box .bottom .btn:hover:after{
    opacity: 1;
}
.consPrice-box .recom{
    position: absolute;
    right: -60px;
    top: 15px;
    width: 200px;
    height: 40px;
    line-height: 40px;
    font-size: 26px;
    background: #26cae2;
    color: #fff;
    transform:rotate(40deg);
}
.consPrice-box .line1{
    display: inline-block;
    width: 1px;
    height: 85%;
    background: #e7e8ec;
    position: absolute;
    left: -1px;
    bottom: 0;
}
.consPrice-box .line2{
    display: inline-block;
    width: 101%;
    height: 1px;
    background: #e7e8ec;
    position: absolute;
    right: -.5px;
    bottom: -1px;
}
.consPrice-box .line3{
    display: inline-block;
    width: 101%;
    height: 1px;
    background: #e7e8ec;
    position: absolute;
    left: -.5px;
    top: -1px;
}
.consPrice-box .line4{
    display: inline-block;
    width: 1px;
    height: 80%;
    background: #e7e8ec;
    position: absolute;
    right: -1px;
    top: 0;
}
.consPrice-box.active{
    box-shadow: 0 0 10px #dcdcdc
}
.consPrice-box.active .top{
    /*    background: #26cae2;*/
    animation:changeBg 1s;
    animation-fill-mode: forwards;
    -webkit-animation:changeBg 1s linear;
    -webkit-animation-fill-mode:forwards;
}
@-webkit-keyframes changeBg {
    0% {
        background: #fff;
    }
    60% {
        background: rgb(144, 228, 240);
    }
    100% {
        background: #26cae2;
    }
}
.consPrice-box.active .tit,
.consPrice-box.active .tip{
    color: #fff;
}
.consPrice-box.active .recom{
    background: #1695a8;
}
.consPrice-box.active .btn{
    background: #26cae2;
}
.consPrice-box.active .btn a{
    color: #fff;
}
.cons-footer{
    width: 100%;
    height: 265px;
    overflow: hidden;
    position: relative;
    background: url(../img/sellerConsultant/bottom_bg.jpg) center top no-repeat;
    background-size: 100%;
    -ms-behavior: url(../css/backgroundsize.min.htc);
    behavior: url(../css/backgroundsize.min.htc);
    text-align: center;
}
.cons-footer p{
    font-size: 43px;
    font-family: PingFang SC, sans-serif;
    margin: 90px 0 20px;

}
.cons-footer a{
    display: inline-block;
    padding: 6px 20px 7px 30px;
    font-size: 23px;
    border-radius: 20px;
    background: #26cae2;
    color: #fff;
    position: relative;
    font-family: PingFang RG, sans-serif;
}
.cons-footer a:before{
    content: "";
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 8px solid #fff;
    border-bottom: 5px solid transparent;
    position: absolute;
    left: 18px;
    top: 18px;
}
.cons-footer .btn{
    display: inline-block;
    position: relative;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.cons-footer .btn:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(ellipse at center, rgb(38, 202, 226) 0%, transparent 80%);
    background: radial-gradient(ellipse at center, rgb(38, 202, 226) 0%, transparent 80%);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;
}
.cons-footer .btn:hover{
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}
.cons-footer .btn:hover:before{
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
}
/*����ѷ��Ӫ�ز�*/

.home-card .material-bg {
    width: 100%;
    height: 328px;
    overflow: hidden;
    position: relative;
    background: url(../img/material-bg.png) center top no-repeat;
    background-size: cover;
    text-align: center;
}

.material-bg .top-cont {
    position: absolute;
    left: 50%;
    top:54%;
    transform: translate(-50%,-50%);
    letter-spacing: 8px;
    padding:0;
    margin: 0;
    text-align: center;
}
.material-bg .top-cont h3{
    margin: 0;
}
.material-nav-list{
    display: inline-flex;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50% , 0);
}
.material-nav-list li{
    float: left;
    font-size: 14px;
    margin: 0 30px;
    padding: 0 10px;
    line-height: 40px;
    border-bottom: 2px solid transparent;
}
.material-nav-list li a{
    color: #fff;
}

.material-nav-list li.active{
    border-bottom: 2px solid #26cfe8;
}
.material-nav-list li.active a,
.material-nav-list li:hover a{
    color: #26cfe8;
}
.material-column-list li.active a,
.material-column-list li:hover a{
    color: #26cfe8;
    border-bottom: 2px solid #26cfe8;
}
.material-card{
    background: #f9f9f9;
}
.material-card .main-content{
    width: 1200px;
    margin: auto;
    padding: 20px 0;
}
.material-sidebar{
    width: 248px;
    min-height: 450px;
    border: 1px solid #ededed;
    box-shadow: 0 0 10px #ededed;
    float: left;
    background:#fff;

}
.material-sidebar.fixed{
    position: fixed;
    /*left: 352px;*/
    top : 148px;
}
.material-sidebar .cont{
    text-align: center;
    margin: 50px 0 40px;
    line-height: 40px;
    font-weight: bold;
}
.material-sidebar .icon-material{
    display: inline-block;
    width: 85px;
    height: 85px;
}
.material-sidebar .icon-material.mat1{
    background: url(../img/mat1.png) 0 0 no-repeat;
    background-size: 100%;
}
.material-sidebar .icon-material.mat2{
    background: url(../img/mat2.png) 0 0 no-repeat;
    background-size: 100%;
}
.material-sidebar .icon-material.mat3{
    background: url(../img/mat3.png) 0 0 no-repeat;
    background-size: 100%;
}
.material-sidebar .list{
    border-bottom: 1px solid #ededed;
}
.material-sidebar .list li{
    border-top: 1px solid #ededed;
    line-height: 50px;
    font-size: 14px;
    border-left: 2px solid transparent;
    cursor: pointer;

}
.material-sidebar .list li.active{
    color: #26cfe8;
    border-left: 2px solid #26cfe8;
}
.material-sidebar .list li a{
    display: inline-block;
    text-indent: 4em;
    width: 100%;
    color: #333;
}
.material-sidebar .list li.active a,
.material-sidebar .list li:hover,
.material-sidebar .list li:hover a{
    color: #26cfe8;
}
.material-box{
    margin-left: 280px;
}
.material-box.auto{
    margin: auto;
    width: 80%;
}
.material-article-list{
    width: 100%;
}
.material-article-list li{
    margin-bottom: 10px;
    height: 160px;
    border-radius: 4px;
    border: 1px solid #ededed;
    box-shadow: 0 0 10px #ededed;
    background:#fff;
    cursor: pointer;
    position: relative;
}
.material-article-list li:hover{
    box-shadow: 0 0 15px #d6d6d6;
}
.material-article-list li a{
    display: inline-block;
    width: calc(100% - 80px);
    height: auto;
    padding: 25px 40px 10px;
    color: #666666;
    font-size: 12px;
}
.material-article-list .tit {
    font-size: 16px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
    font-family: "Microsoft YaHei";
}
.material-article-list .target{
    color: #1b225d;
    font-weight: bold;
}
.material-article-list .details {
    line-height: 22px;
    margin: 10px 0;
    height: 50px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.material-article-list .oper {
    width: 100%;
    position: relative;

}
.material-page-box {
    text-align: center;
    margin: 30px 0;
}
.material-page a {
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 33px;
    border-radius: 4px;
    border: 1px solid #9999b2;
    color: #9999b2;
    font-size: 12px;
    text-align: center;
    margin: 0 10px;
    cursor: pointer;
}
.material-page a.current,
.material-page a:hover {
    background: #26cfe8;
    color: #fff;
    border: 1px solid #26cfe8;
}
.material-page a#firstPage,
.material-page a#lastPage {
    border: none;
    width: 30px;
}
.material-page a#prePage,
.material-page a#nextPage {
    border: none;
    width: 50px;
}
.material-page a#prePage:hover,
.material-page a#nextPage:hover,
.material-page a#firstPage:hover,
.material-page a#lastPage:hover {
    color: #26cfe8;
    background: inherit;
}

.material-page .totalPages,
.material-page .totalSize {
    display: none;
}
.college-details-box .tit{
    width: 95%;
    margin: 42px auto 26px;
    text-align: center;
}
.college-details-box .tit .cont{
    display: inline-block;
    text-align: left;
    font-size: 24px;
    color: #000;
    text-indent: 0;
    margin: 0;
}
.college-details-box .oper{
    font-size: 12px;
    margin-bottom: 32px;
    text-align: center;
    position: relative;
    color: #666;
}
.college-details-box .more{
    position: absolute;
    right: 38px;
    top: 0;
}
.college-details-box .cont{
    margin: 0 32px;
    font-size: 14px;
    line-height: 33px;
    color: #666666;
    text-indent: 2em;
}
.college-details-box .cont img{
    margin: 25px 0 15px;  
    width: 100%;
    margin-left: -1.7rem;
}
.college-details-box .sharefab{
    margin: 40px 32px;
    font-size: 12px;
}
.college-details-box .share,
.college-video-box .share{
    margin-right: 30px;
    position: relative;
    cursor: pointer;
}

.college-details-box .code,
.college-video-box .code{
    display: inline-block;
    position: absolute;
    left: -17px;
    bottom: 26px;
    width: 120px;
    height: 120px;
    border:1px solid #93e9f5;
    display: none;
}
.college-details-box .code:after,
.college-video-box .code:after{
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid #26cfe8;
    position: absolute;
    bottom: -8px;
    left: 50%;
    margin-left: -5px;
}
.college-details-box .share:hover,
.college-video-box .share:hover{
    color: #26cfe8;
}
.college-details-box .share:hover .code,
.college-video-box .share:hover .code{
    display: block;
}
/*.college-details-box .oper b:hover,
.college-details-box .share:hover{
    color: #ff6600;
}*/
.college-details-box .college-good:hover,
.college-video-box .college-good:hover{
    background-position: -108px -22px;
    cursor: pointer;
}
.college-details-box .college-good.active,
.college-video-box .college-good.active{
    background-position: -108px -22px;
}
.college-details-box .fab,
.college-video-box .fab{
    position: relative;
}
.college-details-box .fab .num,
.college-video-box .fab .num{
    position: absolute;
    color: #26cfe8;
    left: 0;
    top: -20px;
    opacity: 0;
}
.college-details-box .fab .good-num,
.college-video-box .fab .good-num{
    font-style: normal;
}
.college-comment{
    margin-top: 34px;
}
.college-comment .tit{
    font-size: 22px;
    color: #26cfe8;
    font-weight: bold;
    border-bottom: 3px solid #26cfe8;
}
.college-comment-cont{
    width: 100%;
    background: #fff;
}
.college-comment-cont .college-textarea{
    margin:30px 3% 0;
    width: 93%;
    height: 170px;
    resize: none;
    line-height: 20px;
    border:1px solid #e1e1e1;
    border-radius: 4px;
}
.college-comment-cont .video-textarea{
    margin:30px 3% 0;
    width: 93%;
    height: 40px;
    resize: none;
    line-height: 20px;
    border:1px solid #e1e1e1;
    border-radius: 4px;
}
.college-comment-cont .video-textarea::-webkit-input-placeholder {
    color: #bbb;
}
.college-comment-cont .video-textarea::-moz-placeholder {
    color: #bbb;
}
.college-comment-cont .btn{
    margin: 10px 3%;
    text-align: right;
}
.college-comment-cont .cancel{
    background: inherit;
    border: none;
    font-size: 12px;
    margin-right: 10px;
}
.college-comment-cont .cancel:hover{
    color: #26cfe8;
}
.college-comment-cont .save{
    background: #26cfe8;
    color: #fff;
    border: none;
    border-radius: 4px;
    font-size: 12px;
    padding: 6px 12px;
}
.college-comment-cont .save:hover{
    opacity: .9;
}

.college-comment .review-area{
    /*    border-top:1px solid #e1e1e1;*/
    margin: 25px 2%;
}
.college-comment .review-area .load-more{
    background: #fff;
    border: none;
    text-align: center;
    color: #26cfe8;
}
.college-comment .review-area .load-more:hover{
    opacity: .7;
}
.college-comment .head-box{
    float: left;
    text-align: center;
}
.college-comment .head-box .head{
    border-radius: 50%;
    width: 55px;
    height: 55px;
    margin: auto;
}
.college-comment .head-box .name{
    font-size: 12px;
    color: #999;
    margin-top: 10px;
}
.college-comment .infor{
    margin-left: 100px;
    font-size: 12px;
}
.college-comment .infor .msg{
    padding-top: 6px;
}
.college-comment .infor .time{
    color: #999;
    margin-top: 20px;
}
.college-comment .infor .reply{
    float: right;
    color: #666;
    cursor: pointer;
    position: relative;
    bottom: 15px;
}
.college-comment .infor .reply:hover,
.college-comment .infor .reply.active{
    color: #26cfe8;
}
.college-comment .infor .reply:hover .college-msg,
.college-comment .infor .reply.active .college-msg{
    background-position: -63px -100px;
}
.college-comment .infor .user{
    margin-bottom: 10px;
    font-size: 13px;
}
.college-comment .infor .user b{
    color: #8590a6;
}
/*.college-comment .review-area-list.parent-list{
    padding-top: 30px;

}*/
.college-comment .review-area-list li{
    border-bottom: 1px dashed #e1e1e1;
    padding: 0 2% 20px;
    margin-bottom: 20px;
}

.college-comment .review-area-list li:first-child{
    border-top:1px solid #e1e1e1;
    padding-top: 30px;
}
.college-comment .review-area-list li:last-child{
    border-bottom:1px solid transparent;
}
.college-comment .review-second-area{
    border:none;
    margin: 45px 0 0px;
    background: #F3F5FB;
}
.college-comment .review-second-area li{
    padding: 10px 0;
}
.college-comment .review-second-area li:last-child{
    padding: 10px 0 0 0;
}
.college-comment .review-second-area .box {
    padding: 10px 20px;
}
.college-comment .comments-list li{
    width: 33.33%;
    float: left;
    box-sizing: border-box;
    border-top: 0;
    border-bottom: 0;
}
.college-comment .comments-list li:first-child {
    border-top: 0;
    padding-top: 0;
}
.college-comment .comments-list .img-box{
    width: 100%;
    height: 110px;
    border-radius: 4px;
    overflow: hidden;
}
.college-comment .comments-list .img-box img{
    width: 100%;
}
.college-comment .comments-list .com-title{
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 14px;
    color:#073B49;
}
.college-comment .comments-list .com-tit{
    font-size: 12px;
    color: #666666;
    margin-top: 14px;
}
.college-box .category-list{
    margin: 50px 4% 20px;
}
.college-box .category-list dt,
.college-box .category-list dd{
    float: left;
    font-size: 14px;
    line-height: 30px;
}
.classification{
    float: left;
    width: 950px;
}
.college-box .category-list dd.elem{
    margin: 0 1% 20px 1%;
    color: #999999;
    cursor: pointer;
    padding:0 18px;
    border-radius: 30px;
    transition: all .2s ease-in 0s;
}
.category_classify{
    width: 95%;
    float: left;
}
.college-box .category-list dd.elem.active,
.college-box .category-list dd.elem:hover{
    color: #fff;
    background: #ff6600;
}
.college-box .category-list dd.search{
    float: right;
    margin-right: 6%;
}
.college-search-label{
    display: inline-block;
    position: relative;
    width: 120%;
}
.college-search-label.dry_video_search .college-search-input{
    width: 80%;
    padding: 0 30px 0 10px;
}
.college-search-label.dry_video_search .college-search{
    right: 12px;
}
.college-search-label .college-search-input{
    background: #e5e5e5;
    border: none;
    border-radius: 20px;
    width: 100%;
    height: 26px;
    font-size: 12px;
    padding: 0 10px;
    color: #999;
}
.college-search-label .college-search-input::-ms-clear{display: none;}
.college-search-label .college-search-input::-ms-reveal{display: none;}
.college-search-label .college-search-input:focus{
    box-shadow: 0 0 6px #f0c6ab inset;
}
.college-search-label .college-search-input::-webkit-input-placeholder {
    color: #cccccc;
}
.college-search-label .college-search-input::-moz-placeholder {
    color: #cccccc;
}
.college-search-label .college-search{
    position: absolute;
    right: -10px;
    top: 8px;
    cursor: pointer;
}
.college-box .sort-list{
    line-height: 36px;
    padding: 0 4%;
    background: #fff7f2;
}

.college-box .sort-list dt,
.college-box .sort-list dd{
    float: left;
    font-size: 14px;
}
.college-box .sort-list dd{
    color: #999999;
    margin: 0 2%;
    cursor: pointer;
}
.college-box .sort-list dd.active{
    color: #ff6600;
}
.college-box .drycargo-list li{
    margin: 30px 4% 0;
    padding: 25px 28px;
    border: 1px solid #e4ecf3;
}
.college-box .drycargo-list li:hover{
    box-shadow: 0 0 10px #f0c6ab;
}
.college-box .drycargo-list .img{
    float: left;
    width: 280px;
    height: 155px;
    margin-right: 35px;
    overflow: hidden;
    position: relative;
}
.college-box .drycargo-list .tips{
    position: absolute;
    left: 6px;
    top: 6px;
    z-index: 1;
    text-align: center;
}
.college-box .drycargo-list .tips .layer{
    width: 100%;
    height: 100%;
    display: inline-block;
    background: #000;
    opacity: .6;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 4px;
}
.college-box .drycargo-list .tips .cont{
    color: #fff;
    position: relative;
    z-index: 1;
    font-size: 12px;
    padding: 0 8px;
    line-height: 22px;
    font-style: normal;
}
.college-box .drycargo-list .infor{
    position: relative;
    color: #666666;
    font-size: 12px;
}
.college-box .drycargo-list .tit{
    font-size: 24px;
    color: #444444;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: "Microsoft YaHei";
}
.college-box .drycargo-list .details{
    line-height: 22px;
    margin: 10px 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.college-box .drycargo-list .auther{
    position: absolute;
    bottom: 5px;
    left: 315px;
}

.college-box .drycargo-list .oper{
    position: absolute;
    bottom: 5px;
    right: 0;
}
.reply-comment-cont{
    border: none;
    margin-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}
.review-second-area .reply-comment-cont{
    background: #f3f5fb;
}
.reply-comment-cont .college-textarea{
    margin: 0;
    width: 98%;
    height: 100px;
    padding: 0 1%;
}
.college-comment .review-second-area .college-textarea{
    width: 90%;
}
.reply-comment-cont .btn{
    margin:10px 0;
}
.college-comment .review-second-area .btn{
    margin:10px 30px;
}
.material-recommend{
    margin: 30px 0;
}
.material-recommend .tit {
    font-size: 22px;
    color: #26cfe8;
    font-weight: bold;
    border-bottom: 3px solid #26cfe8;
}
.material-recommend .list{
    background: #fff;
    font-size: 12px;
    padding-bottom: 30px;
    border:1px solid #ededed;
    border-radius: 4px;
    box-shadow: 0 0 10px #ededed;
    border-top: 1px solid transparent;
}
.material-recommend .list a{
    width: 92%;
    display: inline-block;
    color: #666;
    padding: 20px 4% 0;
    opacity: .8;
}
.material-recommend .level{
    display: inline-block;
    width: 28px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    color: #fff;
    margin-right: 5px;
    background-color: #9e9e9e;
    border-radius: 3px;
    transform: scale(.8);
    position: relative;
    vertical-align: middle;
}
.material-recommend .level:after{
    content: "";
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 6px solid #9e9e9e;
    border-bottom: 0 solid transparent;
    position: absolute;
    right: -5px;
    bottom: 0;
}
.material-recommend li:nth-child(1) .level{
    background-color: #ba0a0a;
}
.material-recommend li:nth-child(2) .level{
    background-color: #e24242;
}
.material-recommend li:nth-child(3) .level{
    background-color: #e46a6a;
}
.material-recommend li:nth-child(1) .level:after{
    border-left: 6px solid #ba0a0a;
}
.material-recommend li:nth-child(2) .level:after{
    border-left: 6px solid #e24242;
}
.material-recommend li:nth-child(3) .level:after{
    border-left: 6px solid #e46a6a;
}
.material-recommend .name{
    display: inline-block;
    width: 75%;
    overflow:hidden;
    color:#000;
    font-weight: bold;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}
.material-recommend .more{
    float: right;
}
.material-recommend .cont{
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.material-recommend .list a:hover{
    opacity: 1;
}
/*��̨��ʽ*/

.system {
    background: #f5f5f5;
}

.system-pay {
    background: #f6f8f9;
}

.system-head {
    width: 100%;
    height: 70px;
    background: #1c3544;
    font-family: "Microsoft YaHei";
    z-index: 9999;
    position: fixed;
    left: 0;
    top: 0;
}

.system-head .icon-logo-white {
    float: left;
    margin: 3px 0 0 36px;
    width: 161px;
    height: 61px;
}

.system-head-nav {
    position: absolute;
    height: 70px;
    right: 250px;
    top: 0;
}
.system-head-nav .new>a span:after{
    content: "";
    width: 6px;
    height: 6px;
    background: #e60c0c;
    border-radius: 50%;
    position: absolute;
    right: 12px;
    top: 1px;
}
.system-head-nav .secondNew>a:after{
    content: "";
    width: 6px;
    height: 6px;
    background: #e60c0c;
    border-radius: 50%;
    position: absolute;
    right: -5px;
    top: 0px;
}

.system-head-nav li {
    float: left;
    color: #fff;
    position: relative;
    padding: 25px 20px;
}

.system-head-nav li a {
    position: relative;
}

.system-head-nav li .current-page {
    font-size: 12px;
    width: 100%;
    text-align: center;
    color: #fff;
    opacity: 0.5;
}

.system-head-nav li:hover b {
    color: #fff;
}

.system-head-nav li i {
    vertical-align: middle;
    margin-right: 5px;
}

.system-head-nav li i.icon-down {
    position: relative;
    right: -10px;
    top: 0;
}

.system-head-nav li span {
    /*display: inline-block;*/
    font-size: 16px;
    color: #fff;
}

.system-head-nav li span .icon {
    vertical-align: sub;
}

.system-head-nav .second-nav {
    position: absolute;
    left: 0;
    top: 70px;
    border-top: 1px solid #fff;
    background: #203948;
    font-size: 14px;
    padding: 20px 0;
    display: none;
}

.system-head-nav .second-nav a {
    color: #fff;
    transition:all 0s;
}

.second-nav li {
    float: left;
    width: 175px;
    margin: 0;
    padding: 10px 0 0 0;
    position: relative;
    text-indent: 1.2em;
    line-height: 50px;
    color: #fefdfd;
}

.second-nav li.second-width {
    border-right: 1px solid #526673;
}

.second-nav li.second-width font.op,
.second-nav li.second-width .icon {
    opacity: 0.6;
}


/*.second-nav .icon-sm {
    display: inline-block;
    width: 45px;
    height: 50px;
    position: absolute;
    left: 25px;
    top: 1px;
    line-height: 30px;
    text-align: left;
    text-indent: 0.4em;
    opacity: 0.6;
}
*/


/*.second-nav .icon-sm b {
    font-size: 12px;
    font-weight: normal;
}
*/

.system-head-nav .third-nav {
    background: #203948;
    /* display: none;*/
}

.system-head-nav .third-nav li {
    height: 50px;
    line-height: 50px;
    text-indent: 3.2em;
    padding: 0;
    width: 100%;
}

.system-head-nav .second-nav li.active>a,
.system-head-nav .second-nav li:hover>a,
.system-head-nav .third-nav li a:hover,
.system-head-nav .third-nav li.active a {
    color: #26cfe8;
}

.system-head-nav .third-nav li a {
    color: #fefdfd;
}

.system-head .system-name {
    color: #fff;
    float: right;
    margin-right: 58px;
    position: relative;
    font-size: 14px;
    height: 70px;
    background: #1c3544;
}

.system-name .name {
    float: left;
    line-height: 70px;
    margin-left: 10px;
    font-size: 14px;
}

.system-name .hand {
    margin-top: 15px;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    float: left;
}

.system-head .system-name i.icon-down {
    position: absolute;
    right: -22px;
    top: 33px;
}

.system-name .name-slider {
    position: absolute;
    top: 60px;
    left: -103px;
    width: 239px;
    height: 343px;
    display: none;
}

.system-name .name-cont {
    width: 100%;
    height: 100%;
    background: #fff;
    border: 1px solid #dedede;
    box-shadow: 2px 2px 2px #8a8a8a;
    text-align: center;
    margin-top: 10px;
}

.system-name .name-cont:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 12px solid #fff;
    position: absolute;
    top: 0px;
    left: 115px;
}

.system-name .name-cont .msg {
    width: 200px;
    margin: 0 auto;
    border-bottom: 1px solid #e5e5e5;
    color: #000;
    line-height: 22px;
    font-size: 12px;
    padding-bottom: 5px;
    position: relative;
}

.system-name .name-cont .hand-link {
    display: inline-block;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    overflow: hidden;
    margin-top: 27px;
}

.system-name .name-cont .msg .hand {
    float: none;
    margin-top: 0px;
}

.system-name .name-cont .msg .hand:hover {
    transform: scale(1.1);
    transition: all .4s ease-in 0s;
}

.system-name .payment {
    position: absolute;
    top: 25px;
    right: 0;
    width: 80px;
    cursor: pointer;
    border-radius: 2px;
    border: 1px solid #e5e5e5;
}

.system-name .payment a {
    display: inline-block;
    width: 100%;
    height: 100%;
    color: #b8bec4;
}

.system-name .payment:hover {
    transition: all .2s ease-in 0s;
    border: 1px solid #aeacac;
}

.system-name .payment:hover a {
    color: #666;
}

.system-name .pay-msg .open {
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-left: 5px solid #b8bec4;
    border-bottom: 4px solid transparent;
    margin-left: 4px;
}

.system-name .payment:hover .open {
    transition: all .2s ease-in 0s;
    border-left: 5px solid #666;
}

.system-name .pay-cont {
    text-align: center;
    width: 80px;
    padding: 0 10px;
    height: 70px;
    border: 1px solid #030303;
    border-radius: 2px;
    background: #fff;
    position: absolute;
    top: -10px;
    right: 75px;
    display: none;
}

.system-name .pay-cont a {
    color: #3883e2;
}

.system-name .func {
    width: 200px;
    margin: 0 auto;
    line-height: 35px;
    background: rgb(245, 245, 245);
}

.system-name .func span {
    display: inline-block;
    float: left;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

.system-name .func span:hover {
    transition: all .2s ease-in 0s;
    background: rgb(240, 240, 240);
}

.system-name .func span.invite-btn {
    width: 109px;
}

.system-name .func span.renew-btn {
    width: 90px;
    border-right: 1px solid #e5e5e5;
}

.system-name .func span.renew-btn a {
    color: #3883e2;
    font-size: 12px;
}

.system-name .func span.renew-btn:hover a {
    color: #77a9e8;
}

.system-name .func span.invite-btn a {
    color: #d8271c;
    font-size: 12px;
}

.system-name .func span.invite-btn:hover a {
    color: #ea635a;
}

.system-name .setting {
    width: 200px;
    margin: 0 auto;
}

.system-name .setting li {
    border-top: 1px solid #e5e5e5;
    padding: 9px 0 9px 10px;
    line-height: 30px;
    text-align: left;
    font-size: 12px;
    position: relative;
}

.system-name .setting li a {
    color: #41464b;
    display: inline-block;
    width: 100%;
    height: 100%;
}

.system-name .setting li a:hover {
    color: #26cfe8;
}

.system-name .setting li .bound {
    display: inline-block;
    color: #fff;
    width: 45px;
    height: 22px;
    text-align: center;
    line-height: 22px;
    border-radius: 4px;
    background: #339900;
    position: absolute;
    right: 5px;
    top: 8px;
}

.system-footer {
    height: 50px;
    /*width: 96%;*/
    line-height: 50px;
    background: #1c3544;
    font-family: "Microsoft YaHei";
    color: #fff;
    padding: 0 2%;
    font-size: 12px;
}

.system-footer span.f-r {
    float: right;
}

.system-footer a {
    color: #fff;
    margin-left: 10px;
}

.system-footer a:hover {
    color: #26cfe8;
}

.system-box {
    margin: 85px 36px 30px;
    font-family: "Microsoft YaHei";
    min-height: 808px;
    /*    min-width: 960px;*/
}

.system-menu {
    border: 1px solid #dcdcdc;
    background: #fff;
    border-radius: 4px;
    position: relative;
}

.system-menu .menu-list{
    width: 94%;
    /*height: 50px;*/
    line-height: 50px;
    border-bottom: 1px dashed #dddddd;
    margin: 0 3%;
    color: #5f6970;
    font-size: 14px;
    position: relative;
}

.system-menu .menu-list:last-child {
    border-bottom: none;
}

.system-menu .menu-list dt {
    float: left;
    margin: 0 35px 0 15px;
    line-height: 50px;
    font-weight: bold;
}

.system-menu .menu-list dd {
    float: left;
    margin-right: 50px;
    position: relative;
    line-height: 50px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.system-menu .menu-list dd>a {
    color: #5f6970;
}

.system-menu .menu-scrolList,
.system-menu .menu-siteList {
    height: 50px;
    overflow: hidden;
}

.system-menu .submenu-list {
    margin-left: 95px;
}

.system-menu .submenu-list .icon-more,
.system-menu .submenu-list .icon-reduce {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 16px;
    opacity: .6;
}

.system-menu .submenu-list .icon-more:hover,
.system-menu .submenu-list .icon-reduce:hover {
    opacity: 1;
}

.system-menu dd>a {
    padding: 4px 15px;
    border-radius: 14px;
}

.system-menu dd.active > a,
.system-menu dd:hover > a {
    background: #60717c;
    color: #fff;
    text-decoration: none;
    outline: none;
}

.menu-select {
    border: 1px solid #60717c;
    padding: 3px 8px;
    color: #60717c;
    margin-left: 10px;
    font-size: 12px;
}

.system-menu .menu-select {
    margin-right: 25px;
    width: 100px;
}

.menu-input {
    width: 130px;
    height: 25px;
    border: 1px solid #a0aab0;
    padding: 0 80px 0 5px;
    color: #5f6970;
}

.menu-input-sm {
    width: 80px;
    height: 24px;
    border: 1px solid #a0aab0;
    padding: 0 5px;
}

.menu-input-sl {
    width: 30px;
    height: 22px;
    border: 1px solid #a0aab0;
    padding: 0 5px;
    text-align: center;
}

.menu-number {
    height: 27px;
    text-align: center;
}

.system-menu .icon-fork {
    position: absolute;
    right: 65px;
    top: 21px;
    cursor: pointer;
}

.system-menu .note-editor {
    margin: 15px 0 30px 0;
    border: 1px solid #a0aab0;
}

.menu-search .icon-fork {
    position: absolute;
    right: 70px;
    top: 14px;
    cursor: pointer;
}

.search-btn {
    width: 60px;
    height: 26px;
    line-height: 23px;
    background: #60717c;
    color: #fff;
    border: 1px solid #60717c;
    position: absolute;
    right: 0;
    top: 13px;
}

.search-btn:hover {
    background: #687782;
}

.graph-card {
    border: 1px solid #ededed;
    border-bottom: none;
    border-radius: 6px;
    box-shadow: 3px 3px 3px #d2d2d2;
    background: #fff;
    position: relative;
}

.graph-card .graph-tit {
    width: 100%;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #dcdcdc;
    position: relative;
    text-indent: 2.5em;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    font-size: 14px;
    /*    cursor: pointer;*/
    color: #383838;
    background: #f6f6f6;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    /* font-weight: bold;*/
}

.graph-card .graph-tit:after {
    content: "";
    width: 3px;
    height: 15px;
    background: #1c3544;
    position: absolute;
    left: 23px;
    top: 18px;
}

.graph-card .graph-tit .tips {
    position: absolute;
    right: 20px;
    top: 0;
    cursor: pointer;
    color: #bcbdbe;
    font-size: 12px;
    text-indent: 0;
}

.graph-card .graph-tit .icon-tips {
    vertical-align: middle;
    margin-right: 10px;
    display: none;
}

.graph-card .graph-tit .icon-fork {
    position: absolute;
    right: 10px;
    top: 24px;
    cursor: pointer;
}

.graph-box {
    height: 0;
    overflow: hidden;
}

.graph {
    /*width: 100%;*/
    min-height: 400px;
    /* display: none;*/
    /*overflow: hidden;*/
}

.graph-count {
    float: left;
    width: 50%;
}

.graph-count-b {
    float: inherit;
    width: 100%;
}

.graph-surface {
    height: 455px;
    margin: 30px 50px;
    background: #d4e5e8;
    border-radius: 4px;
    text-align: center;
    position: relative;
}

.graph-count .graph {
    width: 88%;
    margin: auto;
    height: 74%;
    background: #fff!important;
}

.graph-count .tit {
    display: inline-block;
    width: 88%;
    font-size: 17px;
    color: #c45856;
    font-weight: bold;
    padding: 40px 0 20px 0;
    text-align: left;
}

.graph-count .tit span {
    font-size: 15px;
    color: #132a38;
    font-weight: normal;
    margin-left: 20px;
}

.graph-count .graph-chose {
    position: absolute;
    left: inherit;
    right: 5.3%;
    top: 9%;
    height: 25px;
    width: 130px;
    text-align: left;
}

.graph-count-b .graph,
.graph-count-b .tit {
    width: 94%;
}

.graph-time {
    font-size: 12px;
}

/*.graph-time:hover {
    color: rgb(38, 207, 232);
}*/

.system-box .price-tips {
    color: #132a38;
    line-height: 20px;
    margin-top: 24px;
    background: #fff;
    font-size: 12px;
    background: #f5f5f5;
}

.table-card {
    background: #fff;
}

.table-card .table-top {
    line-height: 35px;
    padding: 4px 0 10px 0;
    background: #f5f5f5;
    position: relative;
}

.table-oper {
    float: left;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.oper-btn {
    display: inline-block;
    background: #132a38;
    width: 100px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    padding-right: 5px;
    vertical-align: middle;
    cursor: pointer;
    font-size: 14px;
    border-radius: 4px;
}

.oper-btn .down {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 8px solid #fff;
    position: relative;
    top: 15px;
    left: 8px;
}

.table-oper .oper-list {
    position: absolute;
    left: 0;
    top: 40px;
    background: #fff;
    width: 103px;
    display: none;
    border: 1px solid #ededed;
    z-index: 99;
}

.table-oper .oper-list li {
    line-height: 35px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
}

.table-oper .oper-list li:hover {
    background: #d4d4d4;
}

.table-oper .oper-list li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    color: #666;
}

.ques-tips,
.ques-tips-t,
.ques-tips-l {
    color: #132a38;
    /*vertical-align: middle;*/
    position: relative;
    margin-left: 5px;
    font-size: 12px;
}

.system-table .ques-tips,
.system-table .ques-tips-t,
.system-table .ques-tips-l {
    z-index: 9;
}

.ques-tips .icon-question,
.ques-tips-t .icon-question,
.ques-tips-l .icon-question {
    position: relative;
    z-index: 99;
    vertical-align: sub;
}

.ques-tips .cont,
.ques-tips-t .cont,
.ques-tips-b .cont,
.ques-tips-l .cont {
    position: absolute;
    left: 125px;
    top: -13px;
    border: 1px solid #435362;
    padding: 5px;
    width: 400px;
    line-height: 20px;
    font-size: 12px;
    background: #435362;
    color: #efefef;
    border-radius: 2px;
    z-index: 999;
    text-indent: 0;
    text-align: left;
    display: none;
}
.ques-tips .ques-fade,
.ques-tips-t .ques-fade,
.ques-tips-b .ques-fade,
.ques-tips-l .ques-fade{
    display: block;
    opacity: 0;
    text-align: center;
    -webkit-transform: scale3d(0.1,0.2,1);
    transform: scale3d(0.1,0.2,1);
    -webkit-transform-origin: 50% 120%;
    transform-origin: 50% 120%;
    -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
    transition: opacity 0.4s, transform 0.4s;
    -webkit-transition-timing-function: ease, cubic-bezier(0.6,0,0.4,1);
    transition-timing-function: ease, cubic-bezier(0.6,0,0.4,1);
}
.ques-tips:hover .ques-fade,
.ques-tips-t:hover .ques-fade,
.ques-tips-b:hover .ques-fade,
.ques-tips-l:hover .ques-fade {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}
.ques-tips .cont:before {
    position: absolute;
    left: -10px;
    top: 15px;
    content: "";
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-right: 10px solid #435362;
    border-bottom: 7px solid transparent;
}

.ques-tips-t .cont:before {
    position: absolute;
    right: 22px;
    bottom: -10px;
    content: "";
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-top: 10px solid #435362;
    border-right: 7px solid transparent;
}

.ques-tips-t .cont-l:before {
    position: absolute;
    left: 22px;
    bottom: -10px;
    content: "";
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-top: 10px solid #435362;
    border-right: 7px solid transparent;
}

.ques-tips-b .cont:before {
    position: absolute;
    right: 10px;
    top: -10px;
    content: "";
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-bottom: 10px solid #435362;
    border-right: 7px solid transparent;
}

.ques-tips-l .cont:before {
    position: absolute;
    right: -10px;
    top: 15px;
    content: "";
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-left: 10px solid #435362;
    border-bottom: 7px solid transparent;
}

.ques-tips-sm .cont {
    left: 25px;
    top: -8px;
    width: 65px;
}

.ques-tips-sm .cont:before {
    top: 8px;
}

.ques-tips-w100 .cont {
    left: 25px;
    top: -16px;
    width: 160px;
}

.ques-tips-sm .flag-cont {
    left: 30px;
    text-align: center;
    padding: 5px 2px;
}

.table-cont {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    box-shadow: 3px 3px 3px #d2d2d2;
    border-radius: 6px;
    font-family: "Microsoft YaHei";
    /*overflow: hidden;*/
}

.table-cont .icon-on,
.table-cont .icon-off,
.table-cont .icon-release,
.table-cont .icon-notrelease,
.table-cont .icon-fail {
    position: absolute;
    left: 10px;
    top: 10px;
}

.system-table {
    width: 100%;
    color: #132a38;
    font-size: 14px;
    text-align: center;
    table-layout: fixed;
    word-wrap: break-word;
}

.system-table thead tr {
    border-bottom: 1px solid #dcdcdc;
    background: #f7f7f7;
}

.system-table th {
    text-align: center;
    line-height: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.system-table td {
    font-size: 12px;
    color: #464a50;
    border-bottom: 1px dashed #dddddd;
    padding: 20px 0;
    position: relative;
}

.system-table .table-btn,
.system-table td a {
    color: #65d3e3;
    cursor: pointer;
}

.system-table .table-btn:hover,
.system-table td a:hover {
    color: #a2e4ee;
    text-decoration: none;
}

.main-add .add-contBot .set-btn:hover {
    color: #a2e4ee;
}

.main-custom a.add-btn {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    background: #cccaca;
    font-size: 14px;
    padding: 0 18px;
    background: #e3e3e3;
    /* margin:15px 0 0 30px;*/
    color: #132a38;
}

.main-custom a.add-btn:hover {
    background: #132a38;
    color: #fff;
}

.system-table img {
    max-width: 60px;
    max-height: 90px;
}

.system-table img.img-scale {
    transform: scale(2.5);
    position: absolute;
    top: 70px;
    z-index: 999;
}

.system-table .icon-edit {
    cursor: pointer;
}
.table-msg-error{
    position:absolute;
    min-width: 75px;
    max-width: 300px;
    background: #435362;
    border: 1px solid #435362;
    padding: 5px;
    color: #fff;
    border-radius: 2px;
    font-size: 12px;
    z-index: 999;
    font-family: "Microsoft YaHei";
}
.table-msg-error:before{
    content: "";
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-right: 8px solid #435362;
    border-bottom: 5px solid transparent;
    position: absolute;
    left: -9px;
    top: 5px;
}
.page-box {
    color: #132a38;
    font-size: 12px;
    margin-bottom: 20px;
}

.page-box .page-card {
    width: 365px;
    margin: auto;
    line-height: 80px;
}

.page-box .page-input {
    width: 20px;
    height: 18px;
    border: 1px solid #88969e;
    padding: 0 5px;
    vertical-align: middle;
}

.page-box select {
    width: 40px;
    height: 22px;
}

.page-box .disc {
    display: inline-block;
    height: 20px;
    width: 2px;
    background: #cacbcb;
    vertical-align: middle;
}

.page-box i {
    margin: 0 8px;
    vertical-align: middle;
}

.label-time,
.label-num {
    float: left;
    position: relative;
    margin: 0 5px;
}

.label-time .input-time,
.label-num .input-num {
    width: 150px;
    height: 25px;
    border: 1px solid #60717c;
    padding: 0 5px;
}

.label-time .icon-time {
    position: absolute;
    right: 4px;
    top: 13px;
}

.menu-list .icon-connect {
    float: left;
    margin-top: 22px;
}

.table-card .operSelect {
    border: 1px solid #65d3e3;
    color: #65d3e3;
}

.main-card {
    position: relative;
}

.main-card .main-tit {
    width: 100%;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #dcdcdc;
    position: relative;
    text-indent: 2.5em;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: #383838;
    background: #f6f6f6;
}

.main-card .main-tit:after {
    content: "";
    width: 3px;
    height: 15px;
    background: #1c3544;
    position: absolute;
    left: 23px;
    top: 19px;
}
.main-card .sm-tit{
    font-size: 12px;
    color: #666666;
    vertical-align: sub;
    margin-left: 10px;
}
.main-card .main-add {
    width: 100%;
    padding: 20px 0;
    background: #fff;
    margin-bottom: 20px;
    border: 1px solid #dcdcdc;
    border-top: none;
}

.main-card .main-add a {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    background: #cccaca;
    font-size: 14px;
    padding: 0 18px;
}

.main-card .main-add a:hover {
    background: #dddddd;
}

.main-add .add-cont {
    float: left;
    width: 245px;
    height: 115px;
    border-radius: 4px;
    border: 1px solid #6cb1db;
    margin: 10px 0 10px 30px;
}

.main-add .add-cont .add-card {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

.main-card .main-add a.to-sell-import {
    background: #e3e3e3;
    color: #132a38;
}

.main-card .main-add a.to-sell-import:hover {
    background: #132a38;
    color: #fff;
}

.main-add .add-cont .add-contTop {
    background: #75d7e5;
    width: 100%;
    height: 75px;
    position: relative;
}

.main-add .add-cont .add-contTop:hover {
    background: #7eddea;
    transition: all .2s ease-in 0s;
}

.main-add .add-contTop .icon-record {
    float: right;
    margin: 12px 10px 0 0;
    cursor: pointer;
}

.main-add .add-contTop .name {
    width: 100%;
    font-size: 22px;
    color: #f5f5f5;
    padding-top: 40px;
    text-indent: 1em;
}

.main-add .add-contBot .set-btn {
    color: #6cb1db;
    margin: 0 15px 0 20px;
    line-height: 38px;
    cursor: pointer;
}

.main-btn {
    display: inline-block;
    float: right;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    text-align: center;
    color: #132a38;
    background: #e3e3e3;
    border-radius: 4px;
    margin: 5px 15px 0 0;
    text-indent: 0;
}

.main-btn:hover {
    background: #132a38;
    color: #fff;
}

.main-card .main-border {
    border-top: none;
    border-left: none;
    border-right: none;
}

.border-table {
    width: 90%;
    margin: auto;
}

.border-table tr th,
.border-table tr td {
    border: 1px solid #dcdcdc;
}

.set-Btn {
    display: inline-block;
    width: 55px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    color: #8e8e8e;
    border: 1px solid #a0aab0;
    border-radius: 4px;
}

.set-Btn:hover {
    color: #fff;
    background: #60717c;
}

.fields-btn {
    position: absolute;
    right: 220px;
    bottom: 20px;
}

.fields-cont {
    padding-bottom: 20px;
}

.fields-cont dt {
    float: left;
    margin-right: 20px;
    line-height: 30px;
    position: relative;
}

.fields-cont dt.title {
    width: 100%;
    font-weight: bold;
}

.fields-cont dt label {
    position: relative;
    z-index: 9;
    float: left;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.fields-cont dt dl {
    float: left;
    position: relative;
    z-index: 99;
}

.layui-layer {
    font-family: "Microsoft YaHei";
}

.ibox {
    clear: both;
    margin-bottom: 25px;
    margin-top: 0;
    padding: 0;
}

.ibox-title {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #ffffff;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 4px 0 0;
    color: inherit;
    margin-bottom: 0;
    min-height: 48px;
    padding: 14px 15px 7px;
}

.ibox-title h5 {
    font-weight: bold;
}

.ibox-content {
    background-color: #ffffff;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0;
    color: inherit;
    padding: 0px 20px 20px 20px;
}

.big-thumb {
    display: none;
    position: absolute;
    left: 200px;
    top: 70px;
    z-index: 1;
    width: 300px;
}

.ball-wave {
    width: 50%;
    height: 400px;
    float: left;
    position: relative;
}

.wave {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    border: 5px solid #f3f3f3;
    background: #fff;
    margin: 70px auto 26px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
}

.wave span {
    display: inline-block;
    color: #4f4f4f;
    font-size: 14px;
    padding: 70px 0;
    position: relative;
    z-index: 10;
}

.wave span b {
    color: #ee435e;
    font-size: 24px;
    font-weight: bold;
}

.wave canvas {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.wave .waveImg {
    position: absolute;
    left: 0;
    width: 300px;
    height: 172px;
}

#preview .wrap {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-color: rgba(50, 50, 50, 0.701961);
}

#preview font {
    position: absolute;
    top: 18px;
    left: 0;
    width: 100%;
    color: #fff;
    text-align: center;
}

#preview {
    width: 100px;
    height: 70px;
    border-radius: 6px;
    overflow: hidden;
    display: none;
    position: absolute;
    z-index: 999;
    font-size: 14px;
}

.ball-wave .desc {
    text-align: center;
    font-size: 14px;
}

.recycle-btn {
    float: left;
    display: inline-block;
    background: #e3e3e3;
    width: 100px;
    height: 40px;
    line-height: 40px;
    color: #132a38;
    text-align: center;
    /*padding-right: 5px;*/
    vertical-align: middle;
    cursor: pointer;
    font-size: 14px;
    border-radius: 4px;
    margin-right: 10px;
}

.recycle-btn:hover,
.recycle-btn.btn-cur {
    background: #132a38;
    color: #fff;
}

.pay-Result {
    position: absolute;
    left: 412px;
    top: 0;
    line-height: 70px;
}

.pay-Result a:last-child {
    border-left: 1px solid #fefefe;
    color: #fefefe;
    margin-left: 30px;
    padding-left: 30px;
}


/*.pay-box{
    height: 808px;
}*/

.pay-tips {
    width: 1050px;
    height: 700px;
    box-shadow: 2px 2px 3px #cfcece;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
}

.pay-tips .pay-center {
    width: 500px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.pay-tips .pay-cont {
    float: left;
    width: 260px;
    text-align: center;
    margin: 0 0 0 50px;
}

.pay-tips .pay-cont .sm {
    display: inline-block;
    font-size: 14px;
    color: #454545;
    margin: 10px 0 20px 0;
}

.pay-tips .pay-cont .b {
    font-size: 32px;
    color: #454545;
}

.pay-tips .pay-cont a {
    display: inline-block;
    background: #252b33;
    padding: 0 13px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-size: 14px;
    margin-top: 38px;
}

.pay-tips .pay-cont a:hover {
    background: #4b5158;
}
.pay-tips .pay-msg{
    float: left;
    font-size: 14px;
    width: 110%;
    line-height: 26px;
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #999;
}
.pay-tips .pay-msg .btn{
    display: inline-block;
    padding: 0 40px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #2E2E2E;
    color: #fff;
    margin:10px 0 0 12px;
}
.pay-tips .pay-msg .btn:hover{
    opacity: .8;
}
.pay-tips .msg-list{
    width: 200px;
    margin: 10px 0 0 12px;
}
.pay-card {
    width: 1100px;
    height: auto;
    margin: auto;
    background: #fff;
    position: relative;
}

.pay-card .pay-ul {
    width: 100%;
    background: #f6f8f9;
    padding: 20px 0 10px;
}

.pay-card .pay-list {
    display: inline-block;
    border-radius: 4px;
    overflow: hidden;
    border-left: 1px solid #cccdd1;
    vertical-align: middle;
}

.pay-card .pay-list li {
    float: left;
    border-right: 1px solid #cccdd1;
    border-top: 1px solid #cccdd1;
    border-bottom: 1px solid #cccdd1;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
}

.pay-card .pay-list li.active,
.pay-card .pay-list li:hover {
    background: #576477;
}

.pay-card .pay-list li.active a,
.pay-card .pay-list li:hover a {
    color: #fff;
}

.pay-card .pay-list li:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.pay-card .pay-list li:last-child:hover .icon{
    background-position: -281px -44px;
    transition:all .2s ease-in 0s;
}

.pay-card .pay-list li a {
    padding: 0 12.1px;
    color: #222222;
    vertical-align: middle;
    display: inline-block;
    height: 100%;
}
.pay-card .pay-rec-link{
    font-size: 12px;
    color: #ec435d;
    margin-left: 10px;
    border-bottom: 1px solid #ec435d ;
}
.pay-card .pay-rec-link:hover{
    color: #f78d9d;
    border-bottom: 1px solid #f78d9d;
}
.pay-int {
    width: 100%;
    height: 100%;
    min-height: 730px;
    box-shadow: 2px 2px 3px #cfcece;
}

.pay-int .pay-sidebar {
    float: left;
    width: 220px;
    height: 100%;
    border-right: 1px solid #e3e3e3;
}

.pay-int .pay-sidebar .head {
    width: 220px;
    height: 180px;
    text-align: center;
    overflow: hidden;
}

.pay-int .pay-sidebar .head img {
    max-width: 100px;
    max-height: 100px;
    border-radius: 50%;
}

.pay-int .pay-sidebar .cg {
    margin: auto;
    width: 100px;
    height: 100px;
    margin-top: 35px;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.pay-int .pay-sidebar .edit {
    display: inline-block;
    width: 100px;
    height: 25px;
    position: absolute;
    left: 0;
    bottom: -30px;
    line-height: 20px;
    font-size: 12px;
    color: #fff;
    z-index: 10;
}

.pay-int .pay-sidebar .layer {
    display: inline-block;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.7;
    z-index: -1;
    position: relative;
}

.pay-int .pay-sidebar .chara {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
    z-index: 1;
}

.pay-int .pay-nav {
    border-bottom: 1px solid #e3e3e3;
}

.pay-int .pay-nav li {
    width: 216px;
    height: 73px;
    line-height: 73px;
    text-align: center;
    color: #808080;
    cursor: pointer;
    z-index: 99;
    background: #fff;
    border-left: 2px solid transparent;
    border-top: 1px solid #e3e3e3;
    border-right: 2px solid transparent;
    font-size: 14px;
}

.pay-int .pay-nav li.active,
.pay-int .pay-nav li:hover {
    color: #252b33;
    border-left: 2px solid #2f353d;
    border-right: 3px solid #fff;
    transition: all 0 ease-in 0s;
}
.pay-int .pay-nav li .package{
    background: #ff7109;
    color: #fff;
    padding:2px 7px;
    border-radius: 10px;
    font-size: 13px;
}
.pay-int .pay-tab {
    float: left;
    width: 878px;
    padding-bottom: 60px;
}

.pay-tab h3 {
    margin: 30px 10px 0 10px;
    line-height: 35px;
    text-align: center;
    font-size: 20px;
}
.pay-tab .tab-box{
    width: 90%;
    margin: auto;
}
.pay-tab .tab-box li{
    padding: 4px 15px;
    margin-right: 10px;
    line-height: 30px;
}
@font-face {
    font-family: Lovelo-Black;
    src: url('../font/Vollkorn.otf');
}

.pay-tab .about-pay {
    width: 320px;
    /*    height: 455px;*/
    border: 1px solid #e3e3e3;
    margin: 60px auto 40px;
    border-radius: 4px;
}

.pay-tab .about-pay .top {
    height: 140px;
    background: #5ecbd2;
    text-align: center;
    color: #fff;
    padding-top: 20px;
    position: relative;
}

.pay-tab .about-pay .font {
    font-family: Lovelo-Black, sans-serif;
}

.pay-tab .about-pay .top:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 10px solid #fff;
    position: absolute;
    left: 48%;
    bottom: 0;
}

.pay-tab .about-pay .cut {
    display: inline-block;
    width: 40px;
    height: 2px;
    background: #fff;
}

.pay-tab .about-pay .bottom {
    padding: 10px 0;
    text-align: left;
    text-indent: 5em;
    color: #5a5a5a;
    line-height: 45px;
    font-size: 12px;
}
.pay-tab .orange-pay .top{
    background: #65bce7;
}
.pay-tab .orange-pay .bottom{
    text-indent: 2em;
    line-height: 50px;
}
.pay-tab .choose-pay .time {
    color: #000;
    font-size: 14px;
    line-height: 30px;
}

.pay-tab .choose-pay .select {
    color: #5a5a5a;
    font-size: 12px;
    padding-left: 20px;
}
.choose-pay .choose-time{
    margin: 0 30px;
    padding: 0 25px 25px 10px;
    border-bottom: 1px dashed #0CC;
}
.choose-pay .choose-time.bor{
    border: none;
    padding: 0 25px 15px 10px;
    border-bottom: 1px solid #fff;
}
.pay-tab .confirm-btn{
    margin: 0 30px;
    text-align: right;
}
.pay-tab .confirm-btn .dis-code{
    margin:30px 0 0 0;
    font-size: 12px;
}
.pay-tab .confirm-btn .dis-input{
    font-size: 0;
}
.pay-tab .confirm-btn .dis-input span{
    color: #5a5a5a;
    margin-right: 3px;
    font-size: 12px;
}
.pay-tab .confirm-btn .dis-input input{
    width: 110px;
    padding: 0 5px;
    height: 24px;
    border: 1px solid #a0aab0;
    border-right: none;
    font-size: 12px;
}
.pay-tab .confirm-btn .dis-input input:focus{
    border: 1px solid #0CC;
    border-right: none;
    -webkit-box-shadow: inset 0 0 4px #abefef;
    -moz-box-shadow: inset 0 0 4px #abefef;
    box-shadow: inset 0 0 4px #abefef;
}
.pay-tab .confirm-btn .dis-input .btn:hover {
    border: 1px solid #0CC;
    background: #0CC;
    color: #fff;

}

.pay-tab .confirm-btn .dis-input .btn{
    display: inline-block;
    width: 50px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    border: 1px solid #a0aab0;
    color: #252b33;
    vertical-align: bottom;
    position: relative;
    font-size: 12px;
}
.pay-tab .confirm-btn .dis-price{
    margin:20px 30px 15px 0;
    color: #000;
    font-weight: bold;
    font-size: 14px;
}
.pay-tab .confirm-btn .price {
    font-size: 20px;
    color: #ed445d;
    margin:10px 0 20px 0;
}
.pay-tab .confirm-btn .price span,
.pay-tab .confirm-btn .dis-price span {
    color: #5a5a5a;
    font-size: 12px;
    font-weight: normal;
}

.pay-tab .confirm-btn .pay-tabBtn {
    display: inline-block;
    width: 110px;
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    background: #fff;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-family: "Microsoft YaHei";
    cursor: pointer;
    color: #5a5a5a;
    border: 1px solid #5ecbd2;
}

.pay-tab .confirm-btn .pay-tabBtn:hover {
    background: #5ecbd2;
    color: #fff;
    transition: all .2s ease-in 0s;
}
.pay-tab a.red:hover {
    color: #ec7789 !important;
}

.pay-tab .set-time {
    width: 90%;
    margin: 30px auto 20px;
    line-height: 20px;
}

.pay-tab .set-time .infor{
    font-size: 12px;
    width: 50%;
    float: left;
    min-width: 340px;
}
/*.pay-tab .set-time .infor b{
    margin-right: 40px;
}*/

.choose-pay .cal-num .operate{
    display: inline-block;
    width: 18px;
    height: 22px;
    line-height: 22px;
    border: 1px solid #aaaaaa;
    text-align: center;
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;

}
.choose-pay .cal-num .l-oper{
    left: 4px;
}
.choose-pay .cal-num .r-oper{
    right: 5px;
}
.choose-pay .cal-num .input-num{
    width: 50px;
    height: 22px;
    border: 1px solid #aaaaaa;
    text-align: center;
    vertical-align: bottom;
    margin: 0;
    padding: 0;
}
.choose-pay .cal-num .input-num:focus{
    border: 1px solid #0CC;
    -webkit-box-shadow:inset 0 0 5px #0CC;
    -moz-box-shadow:inset 0 0 5px #0CC;
    box-shadow:inset 0 0 5px #0CC;
}
.personal-info {
    margin: 40px 0 200px 140px;
}

.personal-info li {
    font-size: 14px;
    line-height: 45px;
    color: #5a5a5a;
    position: relative;
}

.personal-info .info-title {
    margin-right: 20px;
}

.personal-info .info-input {
    border: 1px solid #c5c4c4;
    width: 110px;
    height: 25px;
    padding: 0 5px;
}

.personal-info .info-input:focus {
    border: 1px solid#6ed6e5;
}

.personal-info .info-input-l {
    width: 230px;
}

.personal-info .info-cont {
    position: absolute;
    left: 108px;
    top: 15px;
}

.personal-info .info-cont .not-bound {
    color: #fff;
    padding: 3px 6px;
    background: #999999;
    border-radius: 2px;
    font-size: 12px;
}

.personal-info .info-cont .bound {
    color: #fff;
    padding: 3px 6px;
    background: #34c160;
    border-radius: 2px;
    font-size: 12px;
    vertical-align: super;
}

.personal-info .info-cont .msg {
    line-height: 20px;
    color: #8e8e8e;
    position: relative;
    padding-left: 15px;
}

.personal-info .info-cont .msg:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 10px solid #000;
    position: absolute;
    left: 0;
    top: 5px;
}

.invite-link {
    margin: 30px 0 0 40px;
}

.invite-link p {
    color: #585858;
    font-size: 12px;
    line-height: 20px;
    margin: 0 20px;
    position: relative;
    padding-left: 10px;
}

.invite-link p span {
    position: absolute;
    left: 0;
    top: 0;
}

.invite-link .link-input {
    width: 60%;
    height: 28px;
    border: 1px solid #252b33;
    padding: 0 5px;
    margin-top: 10px;
}

.invite-link .link-btn {
    display: inline-block;
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #252b33;
    color: #fff;
    position: absolute;
    right: 16%;
    top: 10px;
    text-indent: 0;
    font-size: 14px;
}

.invite-link .link-btn:hover {
    background: #5a687a;
}

.invite-link .link-btn.zeroclipboard-is-hover {
    background: #727579;
}

.invite-task {
    margin: 50px 40px 0 40px
}

.invite-task .tit-sm {
    font-size: 12px;
    color: #585858;
}

.invite-bar {
    margin: 30px 0 0;
    position: relative;
}

.invite-progress {
    width: 100%;
    height: 10px;
    border-radius: 10px;
}

.invite-progress .line {
    display: inline-block;
    height: 12px;
    width: 100%;
    background: #e2e2e2;
    position: absolute;
    top: 0;
    z-index: 1;
    box-shadow: 2px 3px 2px #c3c3c3 inset;
    border-radius: 4px;
}

.invite-progress .scroll {
    display: inline-block;
    height: 12px;
    width: 0%;
    border-radius: 4px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    background: -webkit-linear-gradient(top, #ec798b, #eb5e75);
    background: -o-linear-gradient(bottom, #ec798b, #eb5e75);
    background: -moz-linear-gradient(bottom, #ec798b, #eb5e75);
    background: linear-gradient(to bottom, #ec798b, #eb5e75);
}

.invite-progress .step {
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #e2e2e2;
    position: absolute;
    top: -13px;
    text-align: center;
    line-height: 40px;
    z-index: 3;
    border: 2px solid #c3c3c3;
}

.invite-progress .step.active {
    border: 2px solid transparent;
    background: -webkit-linear-gradient(top, #ec798b, #eb5e75);
    background: -o-linear-gradient(bottom, #ec798b, #eb5e75);
    background: -moz-linear-gradient(bottom, #ec798b, #eb5e75);
    background: linear-gradient(to bottom, #ec798b, #eb5e75);
}

.invite-progress .step1 {
    left: 60px;
}

.invite-progress .step2 {
    left: 47%;
}

.invite-progress .step3 {
    right: 60px;
}

.invite-progress .step:before,
.invite-progress .step:after {
    content: "";
    width: 10px;
    height: 9px;
    background: #e2e2e2;
    position: absolute;
    top: 14px;
}

.invite-progress .step.active:before,
.invite-progress .step.active:after {
    background: initial;
}

.invite-progress .step:before {
    right: -4px;
}

.invite-progress .step:after {
    left: -4px;
}

.invite-progress .step b {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-size: 20px;
    color: #666;
    position: relative;
    line-height: 30px;
    z-index: 1;
    color: #fff;
    font-weight: bold;
    margin: 2px auto;
    text-align: center;
    background: -webkit-linear-gradient(top, #ccc, #8a8b8c);
    background: -o-linear-gradient(bottom, #ccc, #8a8b8c);
    background: -moz-linear-gradient(bottom, #ccc, #8a8b8c);
    background: linear-gradient(to bottom, #ccc, #8a8b8c);
}

.invite-progress .step.active b {
    background: -webkit-linear-gradient(top, #ec798b, #eb5e75);
    background: -o-linear-gradient(bottom, #ec798b, #eb5e75);
    background: -moz-linear-gradient(bottom, #ec798b, #eb5e75);
    background: linear-gradient(to bottom, #ec798b, #eb5e75);
}

.invite-tips {
    margin-top: 25px;
    font-size: 14px;
    color: #848484;
    position: relative;
    width: 100%;
    /*  height: 20px;*/
}

.invite-tips .tip1 {
    position: absolute;
    top: 0;
    left: 40px;
}

.invite-tips .tip2 {
    position: absolute;
    top: 0;
    left: 44.5%;
}

.invite-tips .tip3 {
    position: absolute;
    top: 0;
    right: 40px;
}

.invite-bar .msg {
    padding-top: 30px;
    font-size: 14px;
    text-align: center;
    color: #848484;
}

.invite-table h4 {
    margin: 50px 0 0 40px;
}

.pay-int .order-list li {
    float: left;
    color: #666666;
    line-height: 60px;
    font-size: 14px;
    border-bottom: 1px solid #efefef;
    text-indent: 2em;
}

.pay-int .order-list li.row1 {
    width: 100%;
}

.pay-int .order-list li.row2 {
    width: 50%;
}

.pay-int .order-list {
    margin: 0 70px;
}

.pay-int .order-list .order-name {
    display: inline-block;
    text-align: left;
}

.pay-int .pay-method dt {
    float: left;
    color: #5a5a5a;
    margin-left: 70px;
}

.pay-int .pay-method dd {
    float: left;
    width: 105px;
    height: 150px;
    margin-left: 50px;
    position: relative;
}

.pay-int .pay-method dd p {
    width: 100%;
    color: #5a5a5a;
    text-align: center;
    font-size: 14px;
    position: absolute;
    bottom: 0;
}

.pay-int .pay-method dd:hover p,
.pay-int .pay-method dd.active p {
    color: #ec7789;
    transition: all .2s ease-in 0s;
}

.pay-int .pay-code {
    margin: 30px 0 80px 0;
    text-align: center;
}

.pay-int .pay-code p {
    color: #5a5a5a;
    font-size: 14px;
    margin: 10px 0;
}

.pay-int .pay-code img {
    max-width: 200px;
    max-height: 200px;
}

.pay-int .pay-code a:hover {
    color: #ec7789 !important;
}

.btn-info {
    display: inline-block;
    float: left;
    margin-right: 10px;
}

.fa {
    /*color: red;
    width: 10px;
    position: absolute;
    right: -13px;
    top: 0;*/
}

.fa-edit {
    cursor: pointer;
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../img/icon-edit.png) center no-repeat;
    background-size: 100%;
    -ms-behavior: url(../css/backgroundsize.min.htc);
    behavior: url(../css/backgroundsize.min.htc);
    vertical-align: middle;
}

.fa-exclamation {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url(../img/icon-sigh.png) center no-repeat;
    background-size: 100%;
    -ms-behavior: url(../css/backgroundsize.min.htc);
    behavior: url(../css/backgroundsize.min.htc);
}

.nameinput input {
    float: inherit;
}


/*��̨�ۺ�ģ��*/

.main-graph {
    float: left;
    width: 23.9%;
    margin-right: 1%;
    height: 240px;
    border-radius: 4px;
    box-shadow: 2px 2px 3px #cfcece;
    background: #fdfdfd;
    position: relative;
}

.main-graph:last-child {
    margin-right: 0;
}

.main-graph.graph1 {
    border-left: 3px solid #2ebbc4;
}

.main-graph.graph2 {
    border-left: 3px solid #e91d62;
}

.main-graph.graph3 {
    border-left: 3px solid #07786f;
}

.main-graph.graph4 {
    border-left: 3px solid #2095f2;
}

.main-graph .name {
    position: absolute;
    left: 20px;
    top: 2px;
    line-height: 22px;
}

.main-graph .name h3 {
    color: #666;
    font-size: 14px;
    margin-top: 10px;
}

.main-graph .name p {
    padding-top: 6px;
    font-size: 24px;
    font-weight: bold;
}

.main-graph.graph1 p,
.main-graph.graph1 .graph-link {
    color: #2ebbc4;
}

.main-graph.graph2 p,
.main-graph.graph2 .graph-link {
    color: #dd1c5d;
}

.main-graph.graph3 p,
.main-graph.graph3 .graph-link {
    color: #07786f;
}

.main-graph.graph4 p,
.main-graph.graph4 .graph-link {
    color: #0090d9;
}

.main-graph .wave {
    margin: 45px 0 0 180px;
    width: 170px;
    height: 170px;
    border: 5px solid #f3f3f3;
    cursor: pointer;
}

.main-graph .wave span {
    padding: 50px 0;
    color: #4f4f4f;
    font-size: 14px;
}

.main-graph .graph-link {
    display: inline-block;
    position: relative;
    z-index: 1;
    text-decoration: underline;
}

.main-graph .graph-link:hover {
    transform: scale(1.1);
}

.main-time,
.main-monitor,
.main-manage {
    height: 340px;
    border-radius: 4px;
    box-shadow: 2px 2px 3px #cfcece;
    margin-right: 1%;
    background: #fdfdfd;
    position: relative;
    overflow: hidden;
}

.main-time h3,
.main-monitor h3,
.main-manage h3 {
    color: #252b33;
    font-size: 14px;
    padding: 0 10px 0 30px;
    line-height: 50px;
    border-bottom: 1px solid #ededed;
    border-left: 1px solid #ededed;
    border-top: 1px solid #ededed;
    position: relative;
    background: #f6f6f6;
    border-radius: 4px;
}

.main-time h3:after,
.main-monitor h3:after,
.main-manage h3:after {
    content: "";
    width: 3px;
    height: 15px;
    background: #1c3544;
    position: absolute;
    left: 20px;
    top: 17px;
}

.main-time {
    width: 54%;
}

.time-bg {
    width: 100%;
    height: 288px;
    border-radius: 4px;
    background: #fff url(../img/map.png) 0 0 no-repeat;
    background-size: 100%;
    -ms-behavior: url(../css/backgroundsize.min.htc);
    behavior: url(../css/backgroundsize.min.htc);
}

.time-box {
    width: 150px;
    height: 130px;
    margin: 10px 0 0 130px;
    text-align: center;
    position: relative;
}

.time-box:hover .icon {
    transform: scale(1.3);
    transition: all .4s ease-in 0s;
}

.main-time .face {
    background: url("../img/face.png") 0 0 no-repeat;
    background-size: 100%;
    -ms-behavior: url(../css/backgroundsize.min.htc);
    behavior: url(../css/backgroundsize.min.htc);
    width: 100px;
    height: 100px;
    padding: 0;
    display: inline-block;
    position: relative;
}

.main-time .face:before {
    top: inherit;
    bottom: -35px;
    left: 57px;
}

.main-time .clock {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}

.main-time .city {
    color: #a01415;
    font-size: 14px;
}

.main-time .time {
    position: absolute;
    left: 58px;
    top: 55px;
    font-size: 12px;
    color: #b55e5f;
    border: 1px solid #e9e9e9;
}

.main-monitor {
    width: 26%;
}

.main-monitor a {
    color: #444444;
}

.main-monitor .graph5 {
    position: absolute;
    right: 30px;
    top: 60px;
}

.main-monitor .cont {
    font-size: 20px;
    color: #444444;
    margin: 16px 20px 0 40px;
    line-height: 55px;
}

.main-monitor .b-size {
    font-size: 36px;
    font-weight: bold;
}

.main-manage {
    width: 17.5%;
    margin: 0;
}

.main-manage .cont {
    margin: 30px 30px 10px 30px;
    height: 100px;
    border-radius: 6px;
    position: relative;
    background: #f6f6f6;
    box-shadow: 0px 1px 1px #e8e8e8;
}

.main-card .link {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.main-manage .cont p {
    font-size: 12px;
    color: #323232;
    margin: 0 0 5px 20px;
    padding-top: 20px;
}

.main-manage .cont font {
    font-size: 24px;
    color: #a01415;
    margin: 0 0 0 35px;
    font-weight: bold;
}

.main-manage .cont .add-btn {
    position: absolute;
    right: 20px;
    bottom: 15px;
    color: #323232;
    font-size: 14px;
}

.main-manage .cont a:hover,
.main-manage .cont .add-btn:hover {
    color: #26cfe8;
}

.main-card .ad-img {
    float: left;
    width: 26%;
    height: 370px;
}

.banner-list {
    width: 500px;
    height: 380px;
    box-shadow: 2px 2px 3px #cfcece;
    overflow: hidden;
    position: relative;
}

.banner-list .banner {
    width: 500px;
    height: 380px;
}

.banner-list img {
    width: 100%;
    height: 100%;
}

.banner-list .banner-box {
    width: 100000px;
    height: 100%;
    position: relative;
}

.banner-list .banner {
    float: left;
    height: 100%;
}

.banner-btn {
    position: absolute;
    height: 6.8%;
    bottom: 0;
    left: 50%;
    width: 33px;
    margin-left: -20px;
}

.banner-btn li {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    float: left;
    margin-left: 5px;
    border: 2px solid #1c3544;
    cursor: pointer;
}

.banner-btn li.active {
    background: #1c3544;
}

.main-article {
    float: left;
    height: 360px;
    /*width: 90%;*/
    border-radius: 4px;
    box-shadow: 2px 2px 3px #cfcece;
    background: #fff;
    margin-left: 10px;
    padding-bottom: 20px;
    overflow: hidden;
}

.main-article h3 {
    color: #252b33;
    font-size: 14px;
    padding: 0 10px 0 30px;
    line-height: 50px;
    border-bottom: 1px solid #ededed;
    border-left: 1px solid #ededed;
    border-top: 1px solid #ededed;
    position: relative;
    background: #f6f6f6;
}

.main-article h3:after {
    content: "";
    width: 3px;
    height: 15px;
    background: #1c3544;
    position: absolute;
    left: 20px;
    top: 17px;
}

.main-article .article-list {
    font-size: 12px;
    /*height: 100%;*/
    margin: 20px 0;
}

.main-article .article-list li {
    line-height: 40px;
    cursor: pointer;
    margin: 0 20px;
    padding-left: 10px;
}

.main-article .article-list li:hover {
    background: #ebebeb;
}

.main-article .article-list a {
    color: #7b7b7b;
}

.main-article .article-list .art {
    float: left;
    /*width: 80%;*/
    width: 70%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.main-article .article-list .time {
    /*width: 20%;*/
    float: right;
    text-align: right;
    padding-right: 20px;
}

.graphs-card {
    position: relative;
    width: 100%;
}

.graph-left {
    float: left;
    width: 49%;
    margin-right: 2%;
}

.graph-right {
    float: left;
    width: 49%;
}

.graph-chose {
    position: relative;
    left: 40px;
    bottom: 15px;
    height: 25px;
    width: 350px;
}

.graph-chose select {
    width: 125px;
    height: 25px;
    border: 1px solid #a0aab0;
}

.graph-chose .checkradio {
    font-size: 12px;
    margin: 0 10px;
}

.graph-chose .checkradio input {
    vertical-align: middle;
    cursor: pointer;
}

.graph-oper {
    position: absolute;
    right: 50px;
    top: 0;
}

.graph-site {
    margin: 10px 0 0 2%;
}

.graph-site .select-site li {
    float: left;
    font-size: 12px;
    padding: 3px 10px;
    border-radius: 14px;
    margin-right: 4px;
    cursor: pointer;
    color: #333;
    position: relative;
}

.graph-site .select-site li:hover,
.graph-site .select-site li.active {
    background: #60717c;
    color: #fff;
    text-decoration: none;
    outline: none;
}

.graph-site-box {
    border: 1px dashed #dcdcdc;
    padding: 5px;
    margin: 10px 20px 10px 0;
}
.graph-option-box{
    position: absolute;
    top: 95px;
    left: 45px;
    height: 63px;
    width: 95%;
    overflow-y: auto;
    overflow-x: hidden;
}
.graph-option li{
    font-size: 12px;
    color: #414141;
    float: left;
    margin:0 16px 5px 0;
    position: relative;
    padding-left: 32px;
    cursor: pointer;
    transition:all 0s ease-in 0s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.graph-option li:before{
    content: "";
    width: 26px;
    height: 1px;
    position: absolute;
    left: 0;
    top: 7px;
}
.graph-option li:after{
    content: "";
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    left: 8px;
    top: 2px;
}
.graph-option li:nth-child(11n+1):before{
    background: #c23531;
}
.graph-option li:nth-child(11n+2):before{
    background: #2f4554;
}
.graph-option li:nth-child(11n+3):before{
    background: #61a0a8;
}
.graph-option li:nth-child(11n+4):before{
    background: #d48265;
}
.graph-option li:nth-child(11n+5):before{
    background: #91c7ae;
}
.graph-option li:nth-child(11n+6):before{
    background: #749f83;
}
.graph-option li:nth-child(11n+7):before{
    background: #ca8622;
}
.graph-option li:nth-child(11n+8):before{
    background: #bda29a;
}
.graph-option li:nth-child(11n+9):before{
    background: #6e7074;
}
.graph-option li:nth-child(11n+10):before{
    background: #546570;
}
.graph-option li:nth-child(11n+11):before{
    background: #c4ccd3;
}
.graph-option li:nth-child(11n+1):after{
    border:1px solid #c23531;
}
.graph-option li:nth-child(11n+2):after{
    border:1px solid #2f4554;
}
.graph-option li:nth-child(11n+3):after{
    border:1px solid #61a0a8;
}
.graph-option li:nth-child(11n+4):after{
    border:1px solid #d48265;
}
.graph-option li:nth-child(11n+5):after{
    border:1px solid #91c7ae;
}
.graph-option li:nth-child(11n+6):after{
    border:1px solid #749f83;
}
.graph-option li:nth-child(11n+7):after{
    border:1px solid #ca8622;
}
.graph-option li:nth-child(11n+8):after{
    border:1px solid #bda29a;
}
.graph-option li:nth-child(11n+9):after{
    border:1px solid #6e7074;
}
.graph-option li:nth-child(11n+10):after{
    border:1px solid #546570;
}
.graph-option li:nth-child(11n+11):after{
    border:1px solid #c4ccd3;
}


.graph-option2{
    position: absolute;
    top: 140px;
    left: 45px;
    height: 265px;
    width: 300px;
    overflow-y:auto;
    overflow-x: hidden;
}
.graph-option2 li{
    font-size: 12px;
    color: #414141;
    float: left;
    width: 38%;
    position: relative;
    margin-bottom: 10px;
    padding-left: 32px;
    cursor: pointer;
    transition:all 0s ease-in 0s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.graph-option2 li:before{
    content: "";
    width: 26px;
    height: 14px;
    border-radius: 3px;
    position: absolute;
    left: 0;
    top: 0;
}
.graph-option2 li:nth-child(11n+1):before{
    background: #c23531;
}
.graph-option2 li:nth-child(11n+2):before{
    background: #2f4554;
}
.graph-option2 li:nth-child(11n+3):before{
    background: #61a0a8;
}
.graph-option2 li:nth-child(11n+4):before{
    background: #d48265;
}
.graph-option2 li:nth-child(11n+5):before{
    background: #91c7ae;
}
.graph-option2 li:nth-child(11n+6):before{
    background: #749f83;
}
.graph-option2 li:nth-child(11n+7):before{
    background: #ca8622;
}
.graph-option2 li:nth-child(11n+8):before{
    background: #bda29a;
}
.graph-option2 li:nth-child(11n+9):before{
    background: #6e7074;
}
.graph-option2 li:nth-child(11n+10):before{
    background: #546570;
}
.graph-option2 li:nth-child(11n+11):before{
    background: #c4ccd3;
}


.graph-option li.unselect,
.graph-option2 li.unselect{
    color: #ccc;
}
.graph-option li.unselect:before,
.graph-option2 li.unselect:before{
    background: #ccc;
}
.graph-option li.unselect:after{
    border:1px solid #ccc;
}
.graph-group {
    color: #fff;
    border-radius: 4px;
    font-size: 12px;
}

.graph-group li {
    float: left;
    padding: 5px 10px 5px;
    cursor: pointer;
    border-bottom: 1px solid #dcdcdc;
    color: #333;
}

.graph-tit .graph-group li {
    padding: 0 10px;
    line-height: 49px;
    text-indent: 0;
    border-bottom: 1px solid transparent;
}

.graph-group li:hover,
.graph-group li.active,
.graph-tit .graph-group li:hover,
.graph-tit .graph-group li.active {
    border-bottom: 2px solid #1c3544;
    color: rgb(38, 207, 232);
}

.graph-block {
    width: 100%;
}

.date-btn {
    display: inline-block;
    text-indent: 0;
    height: 22px;
    line-height: 22px;
    vertical-align: middle;
    border: 1px solid #dcdcdc;
    border-right: none;
    box-shadow: 0 0 1px #dcdcdc;
    width: 100px;
    margin: 0 15px 0 5px;
    border-radius: 2px;
    font-weight: normal;
}

.date-btn li {
    width: 49px;
    line-height: 22px;
    font-size: 12px;
    float: left;
    text-align: center;
    border-right: 1px solid #dcdcdc;
    cursor: pointer;
}

.date-btn li:hover,
.date-btn li.active {
    background: #E8E7E8;
}

.graph-oper .time,
.graph-oper .graph-date {
    width: 180px;
    white-space: nowrap;
    font-size: 12px;
    margin-right: 10px;
}

.graph-group-select {
    width: 88px;
    height: 25px;
    border: 1px solid #a0aab0;
    margin-right: 10px;
}

.system-phone {
    margin: 0 0 0 30px;
}

.system-phone label {
    display: inline-block;
    width: 100px;
    line-height: 40px;
}

.system-phone .phone {
    border: 1px solid #c5c4c4;
    width: 80px;
    height: 25px;
    padding: 0 5px;
    margin-right: 10px;
}

.system-phone .phone:focus {
    border: 1px solid #6ed6e5;
}

.system-phone .phoneCode {
    border: 1px solid #6ed6e5;
    height: 25px;
    padding: 0 5px;
    color: #5a5a5a;
    cursor: pointer;
}

.system-phone .code {
    display: inline-block;
    color: #fff;
    padding: 2px 13px;
    background: #999999;
    border-radius: 2px;
    font-size: 12px;
}

.system-phone .tips {
    color: #ec435d;
    font-size: 12px;
}

.account-layer {
    font-family: "Microsoft YaHei";
    margin: 30px 0 0 0;
}

.account-layer .help-btn {
    color: #ee435e;
    font-size: 12px;
}

.account-layer .form-group {
    position: relative;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 10px;
    float: left;
    width: 50%;
    margin: 8px 0;
    overflow: visible;
}

.account-layer .control-label {
    /*  padding-top: 7px;*/
    padding-right: 0;
    padding-left: 0;
    float: left;
    text-align: right;
    width: 33%;
    width: 120px;
}

.account-layer .col-8 {
    position: relative;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 10px;
    float: left;
    width: 66%;
    height: 50px;
}

.account-layer .col-3 {
    position: relative;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 10px;
    float: left;
    width: 25%;
}

.account-layer .chosen-container {
    width: 259px !important;
}

.account-layer .chosen-container-single .chosen-single {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #cbd5dd;
    border-radius: 2px;
    box-shadow: none;
    box-sizing: border-box;
    cursor: text;
    height: auto !important;
    margin: 0;
    min-height: 30px;
    overflow: hidden;
    padding: 4px 12px;
    position: relative;
    width: 259px;
}

.account-layer .menu-input {
    height: 30px;
    width: 200px;
}

.account-layer .search-btn {
    position: absolute;
    right: 5px;
    top: 3px;
    width: 60px;
    height: 30px;
    line-height: 30px;
    background: #60717c;
    color: #fff;
    border: 1px solid #60717c;
}

.account-layer .account-select {
    height: 35px;
    border-color: #cccccc;
    border-radius: 4px;
    padding-right: 10px;
}

.account-layer .control-cont {
    margin: 0 10px 0 85px;
}

.rule-card {
    width: 960px;
    margin: 60px auto;
    padding: 50px 20px 0;
}

.rule-title {
    text-align: center;
    font-size: 30px;
    border-bottom: 3px solid #e7eaec;
    padding-bottom: 30px;
}

.form-horizontal {
    margin-top: 50px;
    font-size: 14px;
    color: #676a6c;
}

.form-horizontal .row1 {
    width: 100%;
    float: left;
}

.form-horizontal .row2 {
    width: 50%;
    float: left;
}

.form-horizontal .control-label {
    font-size: 14px;
    font-weight: 700;
    color: #676a6c;
    float: left;
    line-height: 30px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.form-control,
.single-line {
    float: left;
    width: 330px;
    height: 28px;
    border: 1px solid #cccccc;
    padding: 0 5px;
}

.form-group {
    margin-bottom: 15px;
    overflow: hidden;
    line-height: 30px;
}

.form-group .tips {
    float: left;
    color: #ee435e;
    margin: 10px 0 0 138px;
}

.form-group .radio {
    width: 150px;
    line-height: 30px;
    float: left;
    margin-right: 200px;
    margin-top: 0;
}

.form-group .radio label {
    cursor: pointer;
}

.rule-box1,
.rule-box2 {
    border-bottom: 3px solid #e7eaec;
    padding-bottom: 20px;
}

.rule-box2 h5,
.rule-box3 h5 {
    font-weight: 700;
    line-height: 30px;
    position: relative;
    margin-top: 40px;
}

.rule-box2 .row1,
.rule-box2 .row2,
.rule-box3 .row1,
.rule-box3 .row2 {
    line-height: 30px;
    margin: 6px 0;
}

.rule-box2 select,
.rule-box3 select {
    color: #676a6c;
}

.rule-box2 .select-cm,
.rule-box3 .select-cm {
    width: 120px;
    height: 30px;
    background: #fff;
    color: #676a6c;
    padding-left: 10px;
}

.rule-box2 .select-cm option,
.rule-box3 .select-cm option {
    background: #fff;
    color: #676a6c;
}

.form-horizontal .rule-btn {
    margin: 20px 0 60px 0;
    float: right;
}

.btn-success {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    text-align: center;
    border-radius: 4px;
    font-size: 14px;
    padding: 0 18px;
    background: #e3e3e3 !important;
    color: #132a38 !important;
    border: none;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
    background-color: #132a38 !important;
    color: #ffffff !important;
    transition: all .2s ease-in 0s;
}


/*ϵͳά��*/

.system-protection-box {
    background: #bcd1d2;
    width: 100%;
    height: 100%;
    background-size: 100%;
    position: absolute;
}

.system-protection-card {
    width: 500px;
    height: 500px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -250px;
    margin-top: -250px;
    background: url(../img/system-protection-bg.png) 0 0 no-repeat;
    background-size: 100%;
    -ms-behavior: url(../css/backgroundsize.min.htc);
    behavior: url(../css/backgroundsize.min.htc);
}

.system-protection-cont {
    position: absolute;
    left: 50px;
    top: 70px;
    width: 240px;
    height: 100px;
    color: #5d5766;
    font-family: "Microsoft YaHei";
}

.system-protection-cont p {
    font-size: 20px;
}

.system-protection-cont span {
    display: inline-block;
    width: 90%;
    font-size: 14px;
    margin-top: 12px;
}


/*404ҳ��*/

.page-error {
    width: 100%;
    height: 100%;
    background: url(../img/error-bg.png);
    background-size: 100%;
    -ms-behavior: url(../css/backgroundsize.min.htc);
    behavior: url(../css/backgroundsize.min.htc);
    position: fixed;
}

.page-error .cont {
    width: 1000px;
    height: 500px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -500px;
    margin-top: -250px;
}

.page-error .cont .cap {
    float: left;
    margin: 100px 60px 0 100px;
}

.page-error .cont .msg {
    float: left;
    width: 500px;
    font-family: "Microsoft YaHei";
}

.page-error .cont .num {
    margin-top: 120px;
}

.page-error .cont i {
    vertical-align: middle;
}

.page-error .cont .tips {
    float: left;
    width: 100%;
    margin: 10px 0 20px 0;
    color: #044b7f;
    font-size: 30px;
}

.page-error .cont a {
    color: #68696a;
    font-size: 24px;
    margin-right: 100px;
}

.page-error .cont a:hover {
    color: #044b7f;
}

.no-records-found {
    margin: auto;
}

.table-tips {
    width: 260px;
    height: 145px;
    font-family: "Microsoft YaHei";
    text-align: center;
    margin: 0 auto;
    padding: 20px 0;
    line-height: 18px;
}

.table-tips .img-tips {
    width: 100px;
    max-width: 100%;
    max-height: 100%;
}

.table-tips .msg {
    font-size: 12px;
    color: #044b7f;
    width: 200px;
    position: relative;
    text-align: left;
    margin: 0 0 0 80px;
}

.table-tips .oper {
    font-size: 12px;
    color: #838383;
    position: relative;
    display: inline-block;
    width: 200px;
    text-align: left;
    margin-left: 83px;
    margin-top: 3px;
}

.table-tips .oper a {
    color: #044b7f;
}

.table-tips .error-robot {
    position: absolute;
    left: -28px;
    top: -2px;
}

.btn-disabled {
    cursor: not-allowed !important;
    color: #fff !important;
    background: #cccaca !important;
    border: none !important;
}

.inner-table td {
    border-bottom: none;
}

.form-btn,
.form-btn span {
    background: #60cee1;
    color: #fff;
}

.form-btn:hover {
    opacity: .8;
}

.form-loading,
.system-table .form-loading {
    max-width: 200px;
    max-height: 300px;
}

.remarks {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #65d3e3;
    font-size: 12px;
    color: #fff;
    margin-left: 5px;
}

.order-layer {
    /*border: 1px solid #ececec;*/
    margin: 10px;
    padding: 20px;
    font-size: 12px;
    color: #666;
}
.order-layer .buyer-list{
    margin-top: 5px;
}
.order-layer .buyer-list .tit{
    float: left;
}
.order-layer .buyer-list li{
    float: left;
    width: 45%;
    line-height: 28px;
}
.order-layer .order-infor{
    margin-top: 20px;
    border-top: 1px solid #DDE1E6;
    padding-top: 10px;
}
.order-layer .order-table{
    border: 1px solid #DDE1E6;
    margin-top: 5px;
}
.order-layer .order-table thead{
    background: #E9F3FF;
    border-bottom: 1px solid #DDE1E6;
    line-height: 30px;
}
.order-layer .order-table tbody tr{
    border-bottom: 1px solid #DDE1E6;
}
.order-layer .order-table th{
    text-align: center;
}
.order-layer .order-table td{
    text-align: center;
    border-right: 1px solid #DDE1E6;
    padding: 5px;
}

.order-cont {
    float: left;
    border: 1px solid #ececec;
    width: 100%;
    padding: 10px;
    margin-top: 10px;
    line-height: 110px;
}

.order-cont .order-list {
    float: left;
    margin-left: 10px;
    width: 84%;
}
.order-cont .goods{
    width: 100%;
    float: left;
    margin-top: 10px;
    line-height: 35px;
}
.order-details{
    padding: 0;
    border-top: none;
    border-bottom: none;
}
.order-details .order-msg{
    border-bottom: 1px dashed #ececec;
    padding-bottom:10px;
    margin: 10px;
}
/*.order-details .order-msg:last-child{
    border-bottom: none;
    padding-bottom:0;
}*/
.order-details .infor{
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    line-height: 35px;
    padding: 0 10px;
    background: #f5f8fa;
}
.system-table .icon-per-add {
    position: absolute;
    right: 10px;
    bottom: 10px;
    cursor: pointer;
}

.per-add {
    padding: 20px;
}

.per-add li {
    float: left;
    margin: 0 20px 10px 0;
    cursor: pointer;
    padding: 2px 8px;
    border-radius: 4px;
    line-height: 30px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.per-add li:hover {
    color: #60cee1;
}

.per-add li.active {
    background: #60cee1;
    color: #fff;
}

.per-add li.active:hover {
    color: #fff;
    background: #7ee1f3;
}

.per-add li .dot {
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #999;
    vertical-align: middle;
    margin: 0 2.5px;
}

.per-add li:hover .dot {
    background: #60cee1;
    transition: all .2s ease-in 0s;
}

.per-add li.active .checked {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url(../img/input-checked.png);
    background-size: 100%;
    -ms-behavior: url(../css/backgroundsize.min.htc);
    behavior: url(../css/backgroundsize.min.htc);
    vertical-align: middle;
}

.per-add li b {
    vertical-align: middle;
    margin-left: 5px;
}

.pro-bar {
    position: relative;
    width: 100%;
    height: 100px;
}

.pro-bar .barline {
    float: left;
    width: 400px;
    background: #fff;
    border: 2px solid rgb(38, 207, 232);
    height: 12px;
    display: inline-block;
    border-radius: 8px;
    display: none;
    position: absolute;
    left: 40px;
    top: 40px;
}

.pro-bar .barline #percent {
    position: absolute;
    left: 0px;
    top: -30px;
    display: inline-block;
    color: rgb(38, 207, 232);
    font-size: 16px;
}

.pro-bar .barline #line {
    float: left;
    height: 12px;
    overflow: hidden;
    background: rgb(38, 207, 232);
    border-radius: 8px;
}

.pro-bar .barline #msg {
    position: absolute;
    right: -28px;
    top: 20px;
    display: inline-block;
    color: rgb(38, 207, 232);
    font-size: 14px;
}

.pro-tips {
    margin: auto;
    text-align: left;
    font-size: 14px;
    width: 415px;
    line-height: 25px;
}

.pro-tips span {
    color: #ec435d;
}

.menu-box {
    margin: 10px;
}

.menu-box .menu-list dt,
.menu-box .menu-list dd {
    line-height: 35px;
    margin-right: 40px;
}

.goods-infor {
    margin: 20px;
    font-family: "Microsoft YaHei";
}

.goods-nav {
    position: relative;
    z-index: 2;
    margin-bottom: 0;
}

.goods-nav li {
    float: left;
    padding: 10px 18px;
    margin-right: 10px;
    font-size: 14px;
    color: #a7b1c2;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
    border: 1px solid transparent;
    border-bottom: 2px solid transparent;
}

.goods-nav li.active {
    color: #666;
    border: 1px solid #e7eaec;
    border-bottom: 2px solid #fff;
}

.goods-cont {
    border: 1px solid #e7eaec;
    width: 100%;
    position: relative;
    top: -2px;
    z-index: 1;
}

.goods-list {
    margin: 30px;
    font-size: 14px;
    line-height: 50px;
}

.goods-list li.row1 {
    width: 100%;
}

.goods-list li.row2 {
    width: 50%;
    float: left;
}

.goods-list .tit {
    display: inline-block;
    width: 120px;
    text-align: right;
    font-weight: bold;
    color: #676a6c;
    float: left;
}

.goods-list .cont {
    float: left;
    margin-left: 20px;
    color: #666;
    position: relative;
}

.goods-list .row1 .cont {
    width: 70%;
}

.goods-list .row2 .cont {
    width: 50%;
}

.goods-list .goods-input,
.goods-list .goods-select {
    width: 100%;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ccc;
    padding: 0 5px;
    color: #666;
}

.goods-list .goods-input-half {
    width: 48.6%;
}

.goods-list .goods-textarea {
    width: 100%;
    height: 100px;
    padding: 0 5px;
    margin-top: 10px;
}

.goods-list .laydate-icon {
    width: 100%;
    padding-right: 5px;
    float: none;
    height: 30px;
    vertical-align: middle;
    color: #666;
    background-image: none;
}

.goods-list .icon-time {
    position: absolute;
    right: 5px;
    top: 14px;
}

.goods-list .radio {
    line-height: 50px;
}

.goods-list .radio label {
    padding-left: 0;
    margin-right: 20px;
}

.goods-list .btn {
    display: inline-block;
    background: #e3e3e3;
    width: 80px;
    height: 30px;
    line-height: 15px;
    color: #132a38;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    border-radius: 4px;
    margin-left: 12px;
}

.goods-list .btn:hover {
    background: #132a38;
    color: #fff;
}


/*ҳ��ָ��*/

.guide-layer {
    width: 100%;
    height: 100%;
    z-index: 10000;
}

.guide-layer .guide-step {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10001;
}

.guide-layer .step1 {
    background: url(../img/guide/bg1.png);
    background-size: 100% 100%;
}

.guide-layer .step2 {
    background: url(../img/guide/bg2.png);
    background-size: 100% 100%;
}

.guide-layer .step3 {
    background: url(../img/guide/bg3.png);
    background-size: 100% 100%;
}

.guide-layer .step4 {
    background: url(../img/guide/bg4.png);
    background-size: 100% 100%;
}

.guide-layer .step5 {
    background: url(../img/guide/bg5.png);
    background-size: 100% 100%;
}

.guide-layer .step6 {
    background: url(../img/guide/bg6.png);
    background-size: 100% 100%;
}

.guide-layer .step7 {
    background: url(../img/guide/bg7.png);
    background-size: 100% 100%;
}

.guide-layer .step8 {
    background: url(../img/guide/bg8.png);
    background-size: 100% 100%;
}

.guide-layer .step9 {
    background: url(../img/guide/bg9.png);
    background-size: 100% 100%;
}

.guide-layer .step10 {
    background: url(../img/guide/bg10.png);
    background-size: 100% 100%;
}

.guide-layer .sm.step1 {
    background: url(../img/guide/bg1-sm.png);
    background-size: 100% 100%;
}

.guide-layer .sm.step2 {
    background: url(../img/guide/bg2-sm.png);
    background-size: 100% 100%;
}

.guide-layer .sm.step3 {
    background: url(../img/guide/bg3-sm.png);
    background-size: 100% 100%;
}

.guide-layer .sm.step4 {
    background: url(../img/guide/bg4-sm.png);
    background-size: 100% 100%;
}

.guide-layer .sm.step5 {
    background: url(../img/guide/bg5-sm.png);
    background-size: 100% 100%;
}

.guide-layer .sm.step6 {
    background: url(../img/guide/bg6-sm.png);
    background-size: 100% 100%;
}

.guide-layer .sm.step7 {
    background: url(../img/guide/bg7-sm.png);
    background-size: 100% 100%;
}

.guide-layer .sm.step8 {
    background: url(../img/guide/bg8-sm.png);
    background-size: 100% 100%;
}

.guide-layer .sm.step9 {
    background: url(../img/guide/bg9-sm.png);
    background-size: 100% 100%;
}

.guide-layer .sm.step10 {
    background: url(../img/guide/bg10-sm.png);
    background-size: 100% 100%;
}

.guide-box {
    background: #fff;
    position: absolute;
    left: 38%;
    /*bottom: 38%;*/
    bottom:100%;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 80px;
}
.top-style{
    display: inline-block;
    width: 100px;
    height: 71px;
    background: url(../img/guide/top.png) 0 0 no-repeat;
    background-size: 100%;
    position: absolute;
    left: -60px;
    top: 0;
}
.step1 .guide-box {
    width: 440px;
    height: 185px;
}

.guide-step .captain {
    display: inline-block;
    width: 230px;
    height: 200px;
    background: url(../img/error-cap.png) 0 0 no-repeat;
    background-size: 100%;
    position: absolute;
    left: -158px;
    bottom: -10px;
}

.guide-cont {
    margin: 10px 20px 10px 80px;
    text-align: center;
    font-family: "Microsoft YaHei";
}

.guide-cont h3 {
    font-size: 18px;
    padding: 5px 0;
}

.guide-cont p {
    color: #666;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
}

.guide-cont .guide-btn {
    margin: 15px 30px 0 0;
    font-size: 15px;
    float: right;
}

.guide-cont .btn {
    float: left;
    width: 80px;
    height: 30px;
    line-height: 30px;
    background: rgb(38, 207, 232);
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    margin: 0 15px;
}

.guide-cont .close {
    float: left;
    color: rgb(38, 207, 232);
    line-height: 30px;
    cursor: pointer;
}

.guide-cont .btn:hover,
.guide-cont .close:hover {
    opacity: .7;
}

.guide-close {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(../img/guide/close.png) no-repeat;
    background-size: 100%;
    float: right;
    margin: 10px 10px 0 0;
    cursor: pointer;
}

.guide-step .arrow {
    display: inline-block;
    width: 40px;
    height: 76px;
    background: url(../img/guide/arrow.png) no-repeat;
    background-size: 100%;
    position: absolute;
}

.step2 .guide-box {
    width: 580px;
    height: 260px;
}

.step2 .arrow {
    right: 23%;
    top: 18%;
    transform: rotate(70deg);
    -ms-transform: rotate(70deg);
    -moz-transform: rotate(70deg);
    -webkit-transform: rotate(70deg);
    -o-transform: rotate(70deg);
}
.sm.step2 .arrow{
    right: 20%;
    top: 42%;
    transform: scaleY(-1) rotate(170deg);
    -ms-transform: scaleY(-1) rotate(170deg);
    -moz-transform:scaleY(-1) rotate(170deg);
    -webkit-transform: scaleY(-1) rotate(170deg);
    -o-transform: scaleY(-1) rotate(170deg);
}

.step3 .guide-box {
    width: 530px;
    height: 210px;
}
.step3 .arrow {
    right: 17%;
    top: 22%;
    transform: rotate(70deg);
    -ms-transform: rotate(70deg);
    -moz-transform: rotate(70deg);
    -webkit-transform: rotate(70deg);
    -o-transform: rotate(70deg);
}
.sm.step3 .arrow{
    right: 25%;
    top: 31%;
    transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    -moz-transform: rotate(80deg);
    -webkit-transform: rotate(80deg);
    -o-transform: rotate(80deg);
}
.step4 .guide-box {
    width: 540px;
    height: 185px;
}
.sm.step4 .arrow{
    right: 25%;
    top: 33%;
    transform: rotate(130deg);
    -ms-transform: rotate(130deg);
    -moz-transform: rotate(130deg);
    -webkit-transform: rotate(130deg);
    -o-transform: rotate(130deg);
}
.step4 .arrow {
    right: 17%;
    top: 30%;
    transform: rotate(75deg);
    -ms-transform: rotate(75deg);
    -moz-transform: rotate(75deg);
    -webkit-transform: rotate(75deg);
    -o-transform: rotate(75deg);
}

.step5 .guide-box {
    width: 560px;
    height: 215px;
}

.step5 .arrow {
    right: 10%;
    top: 18%;
    transform: rotate(75deg);
    -ms-transform: rotate(75deg);
    -moz-transform: rotate(75deg);
    -webkit-transform: rotate(75deg);
    -o-transform: rotate(75deg);
}
.step5 .arrow2 {
    right: 53%;
    top: 26%;
    transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
}
.sm.step5 .arrow2 {
    right: 72%;
    top: 27%;
    transform: rotate(70deg);
    -ms-transform: rotate(70deg);
    -moz-transform: rotate(70deg);
    -webkit-transform: rotate(70deg);
    -o-transform: rotate(70deg);
}
.step6 .guide-box {
    width: 560px;
    height: 210px;
}
.step6 .arrow {
    right: 10%;
    top: 18%;
    transform: rotate(75deg);
    -ms-transform: rotate(75deg);
    -moz-transform: rotate(75deg);
    -webkit-transform: rotate(75deg);
    -o-transform: rotate(75deg);
}
.step6 .arrow2 {
    right: 45%;
    top: 26%;
    -moz-transform:scaleX(-1);
    -webkit-transform:scaleX(-1);
    -o-transform:scaleX(-1);
    transform:scaleX(-1);
}
.sm.step6 .arrow2 {
    right: 32%;
    top: 27%;
    transform:scaleX(-1) rotate(70deg);
    -ms-transform:scaleX(-1) rotate(70deg);
    -moz-transform:scaleX(-1) rotate(70deg);
    -webkit-transform:scaleX(-1) rotate(70deg);
    -o-transform:scaleX(-1) rotate(70deg);
}
.step7 .guide-box {
    width: 590px;
    height: 245px;
}
.step7 .arrow {
    left: 14%;
    top: 15%;
    -moz-transform:scaleX(-1) rotate(90deg);
    -webkit-transform:scaleX(-1) rotate(90deg);
    -o-transform:scaleX(-1) rotate(90deg);
    transform:scaleX(-1) rotate(90deg);
}
.sm.step7 .arrow{
    left: 16%;
    top: 24%;
}
.step7 .arrow2 {
    left: 14%;
    top: 31%;
    -moz-transform:scaleX(-1) rotate(75deg);
    -webkit-transform:scaleX(-1) rotate(75deg);
    -o-transform:scaleX(-1) rotate(75deg);
    transform:scaleX(-1) rotate(75deg);
}
.sm.step7 .arrow2{
    left: 16%;
    top: 49%;
}
.step8 .guide-box {
    width: 600px;
    height: 248px;
}
.step8 .arrow {
    left: 46%;
    top: 23%;
    -moz-transform:scaleX(-1) rotate(90deg);
    -webkit-transform:scaleX(-1) rotate(90deg);
    -o-transform:scaleX(-1) rotate(90deg);
    transform:scaleX(-1) rotate(90deg);
}
.sm.step8 .arrow{
    left: 52%;
    -moz-transform:scaleX(-1) rotate(77deg);
    -webkit-transform:scaleX(-1) rotate(77deg);
    -o-transform:scaleX(-1) rotate(77deg);
    transform:scaleX(-1) rotate(77deg);
}
.step8 .arrow2 {
    left: 16%;
    top: 45%;
    -moz-transform: rotate(350deg);
    -webkit-transform:rotate(350deg);
    -o-transform:rotate(350deg);
    transform:rotate(350deg);
}
.sm.step8 .arrow2{
    left: 16%;
    top: 52%;
    -moz-transform: rotate(350deg);
    -webkit-transform:rotate(350deg);
    -o-transform:rotate(350deg);
    transform:rotate(350deg);
}
.step9 .guide-box {
    width: 570px;
    height: 185px;
}

.step9 .arrow {
    left: 13%;
    top: 26%;
    -moz-transform:scaleX(-1) rotate(70deg);
    -webkit-transform:scaleX(-1) rotate(70deg);
    -o-transform:scaleX(-1) rotate(70deg);
    transform:scaleX(-1) rotate(70deg);
}
.sm.step9 .arrow{
    left: 17%;
    top: 41%;
    -moz-transform:scaleX(-1) rotate(70deg);
    -webkit-transform:scaleX(-1) rotate(70deg);
    -o-transform:scaleX(-1) rotate(70deg);
    transform:scaleX(-1) rotate(70deg);
}
.step9 .arrow2,
.sm.step9 .arrow2 {
    left: initial;
    right: 10%;
    top: 18%;
    transform: rotate(75deg);
    -ms-transform: rotate(75deg);
    -moz-transform: rotate(75deg);
    -webkit-transform: rotate(75deg);
    -o-transform: rotate(75deg);
}
.step10 .guide-box {
    width: 600px;
    height: 210px;
}
.step10 .arrow {
    right: 8%;
    top: 84%;
    -moz-transform:rotate(120deg);
    -webkit-transform:rotate(120deg);
    -o-transform:rotate(120deg);
    transform:rotate(120deg);
}
.sm.step10 .arrow{
    right: 10%;
    top: 79%;
}
.step10 .arrow2 {
    left: 28%;
    top: 82%;
    -moz-transform: scaleX(-1) rotate(160deg);
    -webkit-transform:scaleX(-1) rotate(160deg);
    -o-transform:scaleX(-1) rotate(160deg);
    transform:scaleX(-1) rotate(160deg);
}
.sm.step10 .arrow2{
    left: 41%;
    top: 77%;
}
/*CRM�ͻ�����*/

.system-menu .shopDefined-list dd {
    margin-right: 60px;
}

.shopDefined-list dd a {
    padding: 4px 5px;
    color: #5f6970;
}

.shopDefined-list dd.active a,
.shopDefined-list dd:hover a {
    background: inherit;
    color: #5f6970;
}

.system-menu .icon-shopDefined {
    position: inherit;
    right: inherit;
    top: inherit;
}

.input-num {
    width: 150px;
    height: 27px;
    border: 1px solid #60717c;
    padding: 0 5px;
    margin: 0 5px;
}

.menu-list .national-area {
    padding-left: 15px;
    max-height: 100px;
    line-height: 30px;
    overflow-y: auto;
    float: left;
}

.menu-list .national-area li {
    float: left;
    font-size: 12px;
    cursor: pointer;
    position: relative;
}

.menu-list .national-area li span {
    padding: 2px 18px 2px 10px;
    border-radius: 30px;
}

.menu-list .national-area li:hover span {
    background: #dedede;
}

.menu-list .national-area .del {
    font-style: normal;
    position: absolute;
    right: 5px;
    top: 0px;
}

.menu-list .menu-guide {
    color: rgb(38, 207, 232);
    cursor: pointer;
    transition: all .2s ease-in 0s;
}

.menu-list .menu-guide:hover {
    opacity: .6;
}

.system-menu .menu-btnList {
    height: 70px;
}

.system-menu .menu-btnList dd {
    margin-right: 30px;
    margin-left: 10px;
    line-height: 70px;
}

.system-menu .menu-btnList dd a {
    border-radius: 2px;
    padding: 6px 12px;
    border: 1px solid #5f6970;
}

.system-menu textarea {
    border: 1px solid #a0aab0;
    padding: 0 80px 0 5px;
    color: #5f6970;
    margin-top: 10px;
}

.groupMsg {
    display: none;
    position: absolute;
    left: 0;
    top: 64px;
    width: 70%;
    min-width: 990px;
    background: #fff;
    box-shadow: 1px 1px 50px rgba(0, 0, 0, .3);
    z-index: 99991;
}


/*.groupMsg .system-menu .menu-list{
    line-height: 40px;
}
.groupMsg .system-menu .menu-scrolList{
    height: 40px;
}*/

.groupLayer {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: #000;
    opacity: .2;
    display: none;
    z-index: 99990;
}

.system-menu .menu-listBtn dd {
    margin-right: 0;
    float: right;
}

.system-menu .menu-listBtn .btn {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    margin: 0 6px;
    padding: 0 15px;
    border: 1px solid #60cee1;
    background-color: #60cee1;
    color: #fff;
    border-radius: 2px;
    font-size: 16px;
    cursor: pointer;
}

.system-menu .menu-listBtn .cancel-btn {
    background-color: #fff;
    color: #60cee1;
}

.system-menu .menu-listBtn .btn:hover {
    background-color: #60cee1;
    color: #fff;
    opacity: .8;
}

.system-menu .menu-listTit {
    width: 100%;
    background: #F8F8F8;
    border-bottom: 1px solid #eee;
    margin: 0;
}

.system-menu .menu-list .close {
    float: right;
    margin-right: 0;
}

.menu-list .close .icon-close {
    margin: 15px 15px 0 0;
}

.menu-list .time-remind {
    margin-left: 120px;
    float: left;
    font-size: 12px;
}

.system-menu .open-layer {
    width: 100%;
    height: 100%;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
    opacity: .4;
    z-index: 10;
    display: none;
}

.com-infor {
    margin: 10px 0 0 0;
    padding: 20px 15px;
    border-top: 1px solid rgb(204, 204, 204);
    background: #F5F5F5;
    font-family: "Microsoft YaHei";
}

.com-infor li {
    margin-bottom: 20px;
}

.com-infor li .time {
    background: rgb(204, 204, 204);
    color: #fff;
    padding: 3px 5px;
    border-radius: 5px;
    font-size: 12px;
}

.com-infor li .head {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.com-infor li .msg {
    border: 1px solid #e0e0e0;
    padding: 6px;
    border-radius: 2px;
    max-width: 690px;
    position: relative;
}

.com-infor li.left .head {
    float: left;
}

.com-infor li.left .name {
    margin: 0 0 0 75px;
}

.com-infor li.left .msg {
    margin-left: 15px;
    float: left;
    background: #fff;
}

.com-infor li.left .msg:before,
.com-infor li.left .msg:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    position: absolute;
    top: 8px;
}

.com-infor li.left .msg:before {
    border-right: 10px solid #e0e0e0;
    left: -11px;
}

.com-infor li.left .msg:after {
    border-right: 10px solid #fff;
    left: -10px;
}

.com-infor li.right .head {
    float: right;
}

.com-infor li.right .name {
    margin: 0 75px 0 0;
    text-align: right;
}

.com-infor li.right .msg {
    margin-right: 15px;
    float: right;
    background: #9EEA6A;
}

.com-infor li.right .msg:before,
.com-infor li.right .msg:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    position: absolute;
    top: 8px;
}

.com-infor li.right .msg:before {
    border-left: 10px solid #e0e0e0;
    right: -11px;
}

.com-infor li.right .msg:after {
    border-left: 10px solid #9EEA6A;
    right: -10px;
}

.com-infor .summernote {
    margin: 0 10px;
}

.timeSelect-box .select-time {
    position: relative;
    padding: 3px 36px 3px 10px;
    border: 1px solid #888;
    color: #000000;
    background: #F3F3F3;
    border-radius: 2px;
    outline: none;
    text-decoration: none;
    font-size: 12px;
    text-align: left;
    background: -moz-linear-gradient(top, #ffffff 0%, #ebebeb 90%, #F3F3F3 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%, #ebebeb 90%, #F3F3F3 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #ebebeb 90%, #F3F3F3 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #ebebeb 90%, #F3F3F3 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d7d7d7', GradientType=0);
    background: linear-gradient(top, #ffffff 0%, #ebebeb 90%, #F3F3F3 100%);
}

.timeSelect-box .ico_select_s {
    position: absolute;
    right: 8px;
    top: 4px;
    background: url(../img/mail-icon.png) no-repeat 0 -128px;
    width: 14px;
    height: 14px;
    overflow: hidden;
    display: block;
}

.timeSelect-box .change-time {
    float: left;
    position: relative;
}

.timeSelect-box .time-list {
    max-height: 100px;
    overflow-y: auto;
    position: absolute;
    background: #fff;
    text-align: center;
    border: 1px solid #888;
    font-size: 12px;
    color: #000000;
    position: absolute;
    left: 0;
    top: 26px;
    border-radius: 2px;
    z-index: 1;
    display: none;
}

.timeSelect-box .time-list li {
    height: 25px;
    line-height: 25px;
    cursor: pointer;
}

.timeSelect-box .time-list li.active {
    background: #3470CC;
    color: #fff;
}

.timeSelect-box .time-list li:last-child {
    border: none;
}

.timeSelect-box .final-time,
.timeSelect-box .final-time b {
    font-weight: bold;
    color: #000;
}

.email-tab {
    padding: 20px 0 0 0;
}

.email-tab li {
    float: left;
    height: 34px;
    line-height: 34px;
    margin-right: 5px;
    cursor: pointer;
}

.email-tab li a {
    display: inline-block;
    padding: 0 12px;
    font-size: 14px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #e3e3e3;
    color: #132a38;
}

.email-tab li.active a,
.email-tab li:hover a {
    background: #132a38;
    color: #fff;
}

.system-infor {
    border: 1px solid #dcdcdc;
    background: #fff;
    border-radius: 4px;
    margin-top: 20px;
    padding: 10px 0;
}
.system-infor .menu-list{
    width: 94%;
    line-height: 50px;
    margin: 0 3%;
    color: #5f6970;
    font-size: 14px;
    position: relative;
}
.system-infor .menu-list dd{
    float: left;
    margin-right: 50px;
    position: relative;
    line-height: 50px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.system-infor .menu-list dt{
    float: left;
    margin: 0 35px 0 15px;
    font-weight: bold;
    line-height: 50px;
}
.system-infor .menu-list dd > a{
    padding: 4px 15px;
    border-radius: 14px;
    color: #5f6970;
}
.system-infor .menu-list dd.active > a,
.system-infor .menu-list dd:hover > a
{
    background: #60717c;
    color: #fff;
    text-decoration: none;
    outline: none;

}
.system-infor .infor-list {
    width: 94%;
    line-height: 50px;
    margin: 0 3%;
    color: #5f6970;
    font-size: 14px;
    position: relative;
}

.system-infor .infor-list dt {
    float: left;
    margin: 0 35px 0 15px;
    font-weight: bold;
    line-height: 50px;
}

.system-menu .menu-list .adapt-width,
.system-infor .infor-list dd {
    float: none;
    margin: 0 0 0 115px;
    position: relative;
    line-height: 50px;
}

.email-input {
    width: 50%;
    height: 27px;
    padding: 0 5px;
    border: 1px solid #a0aab0;
    color: #5f6970;
    font-size: 12px;
    font-family: "Microsoft YaHei";
}

.email-select {
    width: 50%;
    height: 27px;
    padding: 0 5px;
    border: 1px solid #a0aab0;
    color: #5f6970;
    font-size: 12px;
    font-family: "Microsoft YaHei";
}
.email-tips{
    float: right;
    color: #666;
    font-size: 14px;
    margin: 15px 20px 0 0;
}
.email-tips:hover .num{
    color: #ec435d;
    border-bottom: 1px solid #ec435d;
}
.email-tips:hover i{
    background: url(../img/icon-tips-red.png) no-repeat;
    background-size: 100%;
}
.system-infor .infor-list dd>a {
    padding: 4px 15px;
    border-radius: 14px;
    color: #5f6970;
}

.system-infor .infor-list dd>a:hover {
    background: #60717c;
    color: #fff;
    text-decoration: none;
    outline: none;
}

.system-menu .menu-list .adapt-width .note-editor,
.system-infor .infor-list .note-editor {
    width: 98%;
    margin: 10px 0 0 5px;
    border: 1px solid #a0aab0;
}

.system-btn {
    margin: 30px auto 60px;
    text-align: center;
}
.system-btn .btn-center{
    display: inline-block;
}
.system-btn .button {
    float: left;
    padding: 10px 14px;
    background: #e3e3e3;
    color: #132a38;
    margin: 0 25px;
    border-radius: 4px;
}

.system-btn .button:hover {
    background: #132a38;
    color: #fff;
}


/*.graph-card .line_pic{
    position:absolute;
    left:60px;
    top:70px;
}*/
/*֧������*/
@media screen and (min-width:1440px) {
    .pay-mainbox{
        margin-left: 18.5% !important;
        margin-right: 18.5% !important;
    }
}

.pay-agreement{
    background: #fff;
    border: 1px solid #d5d5d5;
    font-family: Arial, "����";
    padding: 30px 30px 0 30px;
}
.pay-agreement h3{
    text-align: center;
    color: #040404;
    padding-bottom: 30px;
    font-weight: bolder;
}
.pay-agreement div{
    font-size: 13px;
    color: #666666;
    line-height: 20px;
    margin-bottom: 20px;
}
.pay-agreement h5{
    font-size: 13px;
    color: #666666;
    line-height: 20px;
    font-weight: bolder;
}
.pay-agreement a{
    color: #040404;
}
.lianlian-tips{
    text-align: center;
    font-size: 14px;
    color: #bcbcbc;
    margin-top: 20px;
}
.lianlian-logo{
    display: inline-block;
    width: 300px;
    height: 31px;
    background: url(../img/lianlian-logo.png) 0 0 no-repeat;
    background-size: 100%;
    vertical-align: middle;
}
.page-tips a{
    font-size: 12px;
    line-height: 24px;
    color: #333;
}
.page-tips a:hover{
    color: #65d3e3;
}
.pay-maincard{
    background: #fff;
    border: 1px solid #d5d5d5;
    font-family: "Microsoft YaHei";
    padding: 20px 30px;
}
.pay-maincard .pay-title{
    font-size: 22px;
    color: #2b3643;
    margin-bottom: 4px;
}
.pay-maincard .pay-msg{
    font-size: 13px;
    color: #2b3643;
}
.pay-maincard .pay-service{
    color: #f81943;
    font-size: 16px;
    line-height: 60px;
}
.pay-tx-box{
    border-top: 2px solid #d1d1d1;
    padding: 20px 0;
}
.pay-tx-list{
    width: 460px;
    margin: auto;
}
.pay-tx-list li{
    font-size: 13px;
    line-height: 50px;
}
.pay-tx-list li .tip{
    color: #999;
}

.pay-tx-list li label{
    display: inline-block;
    width: 100px;
    text-align: right;
    margin-right: 20px;
    color: #666666;
}
.pay-tx-list li span{
    font-weight: bolder;
    color: #132a38;
}
.pay-tx-list .pay-select{
    width: 210px;
    height: 30px;
}
.pay-tx-list .pay-input{
    width: 90px;
    height: 26px;
    padding: 0 10px;
}
.pay-tx-list .code{
    display: inline-block;
    width: 90px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 4px;
    background: #e3e3e3;
    color: #132a38;
    vertical-align: middle;
    cursor: pointer;
}
.pay-tx-list .code:hover{
    background: #d0d0d0;
}
.pay-btn{
    text-align: center;
    margin: 10px auto;
}
.pay-btn .btn{
    display: inline-block;
    padding: 0 30px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: #132a38;
    border-radius: 2px;
    font-size: 14px;
    margin: 0 15px;
}
.pay-btn .btn:hover{
    opacity: .8;
}
.pay-btn .btn-gray{
    color: #132a38;
    background: #e3e3e3;
}
.pay-btn .btn-gray:hover{
    background: #d0d0d0;
}
.agreement-table,
.agreement-table td,
.agreement-table th{
    border:1px solid #d8d8d8;
    padding: 10px;
}
.agreement-table th{
    text-align: center;
}
.tab-nav{
    padding-top: 10px;
}
.tab-nav li{
    float: left;
    background: #e3e3e3;
    margin-right: 15px;
    font-size: 14px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    cursor: pointer;
}
.tab-nav li a{
    display: inline-block;
    color: #000;
    padding:8px 22px;
}
.tab-nav li:hover,
.tab-nav li.active{
    background: #132a38;
    color: #fff;
}
.tab-nav li:hover a,
.tab-nav li.active a{
    color: #fff;
}
.acc-tips .btn{
    color: #65d3e3;
    font-weight: bolder;
}
.acc-tips .btn:hover{
    opacity: .8;
}
.acc-msg{
    float: right;
    font-size: 12px;
    padding-top: 18px;
    position: relative;
    z-index: 1;
}
.acc-msg a{
    color: #000;
}
.acc-msg i.icon-star{
    width: 16px;
    height: 16px;
}
.acc-msg .label-msg{
    display: inline-block;
    position: relative;
    margin-right: 20px;
}
.acc-msg .label-msg .more{
    position: absolute;
    left: 0;
    top: 24px;
    display: none;
}
.acc-msg .label-msg .more-list{
    background: #fff;
    border: 1px solid #dedede;
    box-shadow: 2px 2px 2px #8a8a8a;
    text-align: left;
    margin-top: 10px;
}
.acc-msg .label-msg .more-list:before{
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #dedede;
    position: absolute;
    left: 7px;
    top: 2px;
}
.acc-msg .label-msg .more-list:after{
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #fff;
    position: absolute;
    left: 7px;
    top: 4px;
    transition:all .2s ease-in 0s;
}
.acc-msg .label-msg .more-list li{
    padding: 6px 10px;
    min-width: 105px;
    white-space: nowrap;
}
.acc-msg .label-msg .more-list li.hover{
    background: #dedede;
}
.acc-msg .label-msg .more-list.hover:after{
    border-bottom: 8px solid #dedede;
    transition:all .2s ease-in 0s;
}
.acc-msg .ball-num{
    font-size: 12px;
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    background: #ec435d;
    color: #fff;
    border-radius: 50%;
    position: absolute;
    left: 15px;
    top: -10px;
}
.auth-box{
    border-bottom: 1px solid #dcdcdc;
    line-height: 40px;
    padding-bottom: 14px;
    margin-bottom: 10px;
    position: relative;
}
.auth-box .tit{
    padding:10px 0 0 15px;
    position: relative;
    font-weight: bold;
    float: left;
}
.auth-box .tit:after{
    content: "";
    width: 3px;
    height: 15px;
    background: #26cfe8;
    position: absolute;
    left: 0;
    top: 22px;
}
.auth-box .auth-cont{
    margin:0 200px 0 120px;
    padding-top: 10px;
    height: 40px;
    overflow: hidden;
    position: relative;
}
.auth-box .auth-list{
    width: 100%;
    position: relative;
}
.auth-box .auth-list li{
    float: left;
    padding:0 12px;
    height: 37px;
    line-height: 37px;
    background: #d0d5db;
    color: #626262;
    margin:0 10px 10px 0;
    border-radius: 2px;
    font-size: 14px;
    cursor: pointer;
}
.auth-box .auth-list li:hover,
.auth-box .auth-list li.active{
    background: #132a38;
    color: #fff;
}

.auth-box .point{
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 10px solid #dcdcdc;
    position: absolute;
    bottom: 0;
    left: 0;
}
.auth-box .point:before{
    content: "";
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 10px solid #f5f5f5;
    position: absolute;
    left: -7px;
    top: 2px;
}
.auth-box .more{
    display: inline-block;
    position: absolute;
    width: 70px;
    height: 37px;
    line-height: 37px;
    border: 1px solid #dcdcdc;
    border-radius: 2px;
    top: 10px;
    right: 130px;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
    display: none;
}
.auth-box .more:hover{
    border: 1px solid #21cfe8;
}
.auth-box .add-btn{
    display: inline-block;
    position: absolute;
    width: 90px;
    height: 37px;
    line-height: 35px;
    border: 1px solid #21cfe8;
    border-radius: 2px;
    top: 10px;
    right: 0px;
    text-align: center;
    font-size: 12px;
    background: #21cfe8;
    color: #fff;
}
.auth-box .add-btn:hover{
    opacity: .6;
}
.pay-warpper{
    background: #fff;
    border: 1px solid #dcdcdc;
    padding: 30px 5px 15px 30px;
    position: relative;
    margin-left: 40px;
}
.pay-warpper .acc-price{
    position: absolute;
    left:455px;
    top: -36px;
    line-height: 35px;
}
.acc-tips{
    font-size: 12px;
    margin-bottom: 20px;
}
.add-account{
    width: 22%;
    max-width: 300px;
    padding:64px 0;
    max-height: 70px;
    background: #eff0f1;
    border-radius: 4px;
    border: 1px dashed #65d3e3;
    text-align: center;
    cursor: pointer;
    float: left;
    margin:0 25px 25px 0;
    position: relative;
}

.add-account p{
    color: #65d3e3;
    font-size: 16px;
}
.add-account .ques-tips{
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 999;
}
.account-msg{
    width: 22%;
    max-width: 300px;
    min-height: 198px;
    border: 1px solid #dcdcdc;
    background: #eff0f1;
    border-radius: 4px;
    float: left;
    margin:0 25px 25px 0;
    position: relative;
    overflow: hidden;
}
.add-account:hover,
.account-msg:hover{
    box-shadow: 3px 3px 3px #b4b4b4;
}
.add-account:hover,
.account-msg:hover h3{
    background: -webkit-linear-gradient(#fcfdfd, #e8eaed);
    background: -o-linear-gradient(#fcfdfd, #e8eaed);
    background: -moz-linear-gradient(#fcfdfd, #e8eaed);
    background: linear-gradient(#fcfdfd, #e8eaed);
}
.account-msg h3{
    height: 45px;
    line-height: 42px;
    background: #eff0f1;
    font-size: 14px;
    padding: 0 15px;
    border-bottom: 2px solid #abadaf;
}
.account-msg .tit{
    background: #cfd2d4;
    line-height: 45px;
    font-size: 12px;
    padding: 0 15px;
    text-align: right;
}
.account-msg .tit .light-green:hover{
    color: #4db8c8;
}
.account-msg .icon-flag{
    width: 35px;
    height: 22px;
    cursor: default;
    vertical-align: middle;

}
.account-msg .incertified,
.account-msg .notcertified{
    position: absolute;
    left: 30%;
    top: 80px;
    z-index: 1;
}
.account-msg .acc-btn{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30px;
    line-height: 30px;
    border-top: 1px solid #dcdcdc;
}
.account-msg .acc-btn .icon-price{
    vertical-align: middle;
    margin-left: 6px;
}
.account-msg .acc-btn .num{
    display: inline-block;
    max-width: 65px;
    font-size: 12px;
    color: #ec435d;
    vertical-align: bottom;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.account-msg .acc-btn a{
    color: #65d3e3;
    font-size: 12px;
    float: right;
    margin-right: 15px;
}
.account-msg .acc-btn a:hover{
    opacity: .8;
}
.account-msg .acc-btn .icon-acc-det{
    float: right;
    margin: 5px 5px 0 0;
    cursor: pointer;
}
.account-msg .acc-btn .icon-acc-det:hover{
    opacity: .8;
}
.account-msg .msg{
    font-size: 26px;
    padding: 8px 15px;
    font-family: SimHei;
    font-weight: bolder;
    color: #333333;
    white-space:nowrap;
}
.account-msg .msg-sm{
    font-size: 12px;
    padding: 12px 15px 0;
}
.account-msg .num-msg{
    font-size: 26px;
    padding: 40px 15px;
    font-family: SimHei;
    font-weight: bolder;
    color: #333333;
}
.account-msg .bottom{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 35px;
    line-height: 35px;
    border-top: 1px solid #dcdcdc;
    color: #1c3544;
    font-size: 12px;
    text-align: right;
}
.account-msg .account-country{
    color: #000;
    line-height: 42px;
}
.account-msg .account-country span{
    border-bottom: 1px solid #000;
    line-height: 16px;
    padding-top: 14px;
}
.account-msg .account-country span:hover{
    opacity: .7;
}
.account-more{
    margin-bottom: 31px;
    font-size: 16px;
    line-height: 35px;
    padding: 15px 0 0 0;
}

.account-more label{
    display: inline-block;
    width: 150px;
    text-align: right;
    margin-left: 20px;
}
.pay-inforBox{
    border-bottom: 1px solid #a0aab0;
    margin-bottom: 25px;
}
.pay-inforBox h3{
    color: #132a38;
    font-weight: bolder;
    margin:0 0 20px 0;
}
.pay-inforList li{
    float: left;
    font-size: 13px;
    margin-bottom: 30px;
}
.pay-inforList li.row2{
    width: 50%;
}
.pay-inforList li.row1{
    width: 100%;
}
.pay-inforList .tit{
    display: inline-block;
    width: 140px;
    line-height: 30px;
    text-align: right;
    float: left;
    color: #666666;
    margin-right: 15px;
}
.pay-inforList .cont{
    margin-left: 155px;
    font-size: 12px;
    color: #666666;
    position: relative;
}
.pay-inforList .cont .tips{
    position: absolute;
    bottom: -16px;
    left: 0;
    color: #999;
}
.pay-inforList .input-cm{
    width: 72%;
    padding: 0 1%;
    border: 1px solid #60717c;
    height: 30px;
    color: #60717c;
}
.pay-inforList .input-cm.disabled{
    background: #dadada;
}
.pay-inforList .input-sl{
    width: 40%;
}
.pay-inforList .select-cm{
    width: 75%;
    padding: 0 1%;
    border: 1px solid #60717c;
    height: 30px;
    color: #60717c;
}
.pay-inforList .select-sl{
    width: 42.8%;
}
.pay-inforList .code{
    display: inline-block;
    width: 90px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border-radius: 4px;
    background: #e3e3e3;
    color: #132a38;
    vertical-align: middle;
    cursor: pointer;
    margin-left: 10px;
}
.pay-inforList .code:hover{
    background: #d0d0d0;
}
.photos-list li{
    float: left;
    margin-right: 30px;
    text-align: center;

}
.photos-list li .box{
    width: 220px;
    height: 135px;
    line-height: 135px;
    border: 1px dashed #60717c;
    margin-bottom: 10px;
    cursor: pointer;
    position:relative;
    overflow: hidden;
}
.photos-list li img{
    width: 100%;
    height: 100%;
    position: absolute;
    left:0;
    top: 0;
}
.photos-list li .msg{
    position: absolute;
    left: 0;
    top: -30px;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: right;
}
.photos-list li .msg .layer{
    display: inline-block;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.7;
}
.photos-list li .msg .cont{
    display: inline-block;
    width: 90%;
    height: 100%;
    padding: 0 5%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    color:#fff;
    margin:0;
}
.pay-inforList .cont .mark{
    margin-left: 10px;
}
.pay-inforList .cont .icon-flag{
    width: 35px;
    height: 22px;
    cursor: default;
    vertical-align: middle;
}
.pay-inforList .cont .acc-type{
    float: left;
    border: 1px solid #6C7C86;
    margin-right: 10px;
    padding: 8px 12px;
    cursor: pointer;
}
.pay-inforList .cont .acc-type.active{
    box-shadow: 2px 2px 4px #75B0DF;
    border: 1px solid #75B0DF;
}
.pay-inforList .bank-select{
    width: 85%;
    height: 30px;
    line-height: 30px;
    text-indent: 1em;
    border: 1px solid #60717c;
    position: relative;
}
.pay-inforList .bank-list{
    width: 85%;
    border: 1px solid #60717c;
    border-top: none;
    max-height: 120px;
    overflow-x: hidden;
    overflow-y: auto;
    display: none;
}
.pay-inforList .bank-list li{
    float: none;
    margin-bottom: 0;
    height: 35px;
    line-height: 35px;
    text-indent: .2em;
    border-bottom: 1px solid #d8d8d8;
    cursor: pointer;
}
.pay-inforList .bank-select:after{
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid #60717c;
    position: absolute;
    right: 8px;
    top: 10px;

}
.pay-guide-wrapper{
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
}
.pay-guide-wrapper .pay-guide-layer{
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
}
.pay-guide-wrapper .pay-guide-box{
    width: 890px;
    height: 820px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -445px;
    margin-top: -410px;
}
.pay-guide-wrapper .pay-guide-head{
    display: inline-block;
    width: 100%;
    height: 170px;
    background: url(../img/pay-guideBg.png) 0 0 no-repeat;
    background-size: 100%;
}
.pay-guide-wrapper .pay-guide-close{
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(../img/pay-guide-close.png) 0 0 no-repeat;
    background-size: 100%;
    position: absolute;
    right: 22px;
    top: -30px;
    cursor: pointer;
}
.pay-guide-wrapper .pay-guide-cont{
    width: 93.8%;
    background: #fff;
    position: relative;
    top: -4px;
    padding: 2% 3%;
    border: 1px solid #7bc8ff;
    border-top: none;
    font-family: "Microsoft YaHei";
}
.pay-guide-cont p{
    text-indent: 2em;
    line-height: 26px;
    font-size: 18px;
}
.pay-guide-cont h5{
    line-height: 50px;
    font-weight: bolder;
    font-size: 18px;
}
.pay-guide-cont .process li{
    float: left;
}
.pay-guide-cont .process .step{
    padding:18px 15px;
    background: -webkit-linear-gradient(#95d2ef, #74c5ff);
    background: -o-linear-gradient(#95d2ef, #74c5ff);
    background: -moz-linear-gradient(#95d2ef, #74c5ff);
    background: linear-gradient(#95d2ef, #74c5ff);
    color: #fff;
    display: inline-block;
    border-radius: 4px;
    margin:10px 0 30px;
}
.pay-guide-cont .pay-guide-arrow{
    display: inline-block;
    width: 50px;
    height: 20px;
    background: url(../img/pay-guide-arrow.png) 0 0 no-repeat;
    background-size: 100%;
    vertical-align: middle;
    margin: 0 10px;
}
.pay-lianlian-box{
    position: relative;
    top: -10px;
    left: 0;
    height: 380px;
    background:#222 url(../img/lianlian-bg.png) 0 0 no-repeat;
    background-size: 100%;
}
.pay-lianlian-box .tit{
    text-align: center;
}
.pay-lianlian-box .ll-line{
    display: inline-block;
    width: 750px;
    height: 100px;
    background: url(../img/lianlian-wz.png) center top no-repeat;
    background-size: 100%;
    position: relative;
}
.pay-lianlian-box .ll-line:before{
    content: "";
    width: 35px;
    height: 36px;
    background: url(../img/ll-line-l.png) center top no-repeat;
    background-size: 100%;
    position: absolute;
    left: -40px;
    top: 50px;
}
.pay-lianlian-box .ll-line:after{
    content: "";
    width: 35px;
    height: 36px;
    background: url(../img/ll-line-r.png) center top no-repeat;
    background-size: 100%;
    position: absolute;
    right: -45px;
    top: 50px;
}
.pay-lianlian-box .infor{
    width: 800px;
    height: 250px;
    margin: 0 auto;
    position: relative;
}
.pay-lianlian-box .infor:before{
    content: "";
    width: 40px;
    height: 40px;
    background: url(../img/ll-infor.png) center top no-repeat;
    background-size: 100%;
    position: absolute;
    left: -20px;
    top:-15px;
    z-index: 1;
}
.pay-lianlian-box .infor .layer{
    display: inline-block;
    width: 100%;
    height: 100%;
    background: #eccf3d;
    opacity: .4;
    border-radius: 10px;
}
.pay-lianlian-box .infor .msg{
    position: absolute;
    left: 0;
    top: 0;
    padding: 3% 2% 3% 3%;
    width: 94%;
    height: 94%;
    font-family: "Microsoft YaHei";

}
.pay-lianlian-box .infor .msg p{
    text-align: left;
    font-size: 20px;
    line-height:45px;
    color: #fff;
}
.pay-lianlian-box .infor .msg p.lianlian-btn{
    width: 130px;
    font-size: 22px;
    color: #fede04;
    cursor: pointer;
}
.pay-lianlian-box .infor .msg p.lianlian-btn:hover{
    opacity: .6;
}
.pay-lianlian-box .infor .name{
    text-align: left;
    color: #fddd05;
    font-size: 24px;
}
.pay-lianlian-box .infor .msg .tips{
    display: inline-block;
    width: 100%;
    color: #fff;
    text-align: left;
    font-size: 17px;
    margin-top: 5px;
}
.open-acc-steps li{
    float: left;
    width: 33.3%;
    height: 57px;
    background: #E4F0FD;
    position: relative;
}
.open-acc-steps li.active{
    background: #75B0DF;
}
.open-acc-steps li.step1:before,
.open-acc-steps li.step2:before{
    content: "";
    width: 37px;
    height: 57px;
    position: absolute;
    right: 0;
    top: 0;
    background: url(../img/pay-guide-step3.png);
}
.open-acc-steps li.step1.active:before,
.open-acc-steps li.step2.active:after{
    content: "";
    width: 37px;
    height: 57px;
    position: absolute;
    right: 0;
    top: 0;
    background: url(../img/pay-guide-step1.png);
}
.open-acc-steps li.step2.active:before,
.open-acc-steps li.step3.active:before{
    content: "";
    width: 37px;
    height: 57px;
    position: absolute;
    left: -36px;
    top: 0;
    background: url(../img/pay-guide-step2.png);
}
.open-acc-steps li b{
    font-size: 42px;
    margin-left: 18%;
    float: left;
}
.open-acc-steps li p{
    font-size: 20px;
    float: left;
    width: 60%;
    margin-left: 20px;
    line-height: 55px;
    font-weight: bolder;
}
.open-acc-steps li span{
    display: inline-block;
    font-size: 14px;
    float: left;
    margin-left: 20px;
}
.open-acc-steps li.active b,
.open-acc-steps li.active p{
    color: #fff;
}
.open-acc-box{
    background: #fff;
    margin-top: 20px;
    padding: 20px;
    border: 1px solid #DBDBDB;
}
.acc-success{
    margin: 100px auto;
    width: 420px;
    color: #2b3643;
}
.acc-success h3,
.acc-fail h3{
    font-size: 20px;
}
.acc-success .msg{
    font-size: 12px;
    margin: 35px 0 0 65px;
}
.acc-success .info-table{
    font-size: 14px;
    margin: 20px 0 0 65px;
}
.acc-success .info-table td{
    padding:0 0 40px 0;
}
.acc-success .info-table td.tit{
    padding:0 60px 40px 0;
}
.acc-success .tips{
    font-size: 12px;
    margin: 0 0 0 65px;
    color: #ee435e;
}
.acc-fail{
    margin: 230px auto 270px;
    width: 480px;
    color: #2b3643;
}
.acc-fail .msg{
    font-size: 12px;
    margin: 10px 0 0 65px;
}
.warning-warpper{
    padding: 30px;
    font-size: 14px;
}
.warning-warpper h3{
    font-weight: bolder;
}
.pay-cardbox .tit{
    width: 85px;
}
.pay-cardbox .cont{
    width: 80%;
    margin:0 0 0 100px;
}
.pay-cardbox .select-cm{
    width: 100%;
}
.pay-cardbox .input-cm{
    width: 98%;
    padding: 0 1%;
}
.pay-cardbox .tips-warning{
    font-size: 12px;
    color: #ec435d;
}
/*ȫ�򿪵�*/
.shop-bg{
    width: 100%;
    height: 590px;
    overflow: hidden;
    position: relative;
    background:#e0e3e5 url(../img/shopbg.jpg) center top no-repeat;
    background-size: 100%;
    -ms-behavior: url(../css/backgroundsize.min.htc);
    behavior: url(../css/backgroundsize.min.htc);
}

.shop-bg .cont{
    margin: auto;
    margin-top: 120px;
    width: 100%;
    color: #fff;
    text-align: center;
    font-family: "Microsoft YaHei";
}
.shop-bg .global-selling{
    display: inline-block;
    width: 475px;
    height: 71px;
    background: url(../img/global-selling.png) center top no-repeat;
    background-size: 100%;
    margin: 10px 8px 0 0;
    float: left;
}
.shop-bg .logo-b{
    display: inline-block;
    width: 298px;
    height: 84px;
    background: url(../img/logo-b.png) center top no-repeat;
    background-size: 100%;
    float: left;
}
.shop-bg .head{
    color: #1b225d;
    font-size: 44px;
    width: 900px;
    margin: auto;

}
.shop-bg .head .conect{
    font-size: 34px;
    color: #333333;
    font-weight: bolder;
    float: left;
    margin: 10px 0;
}
.shop-bg .cont h3{
    font-size: 93px;
    color: #f8b300;
    font-weight: bolder;
    text-align: center;
    white-space: nowrap;
}

.shop-bg .bottom{
    display: inline-block;
    width: 196px;
    height: 196px;
    background: url(../img/amz-msg.png) center top no-repeat;
    background-size: 100%;
    position: relative;
    margin: 10px 400px 0 0;
}
.shop-bg .bottom:after{
    content: "";
    width: 558px;
    height: 107px;
    background: url(../img/amz-ribbon.png) center top no-repeat;
    background-size: 100%;
    position: absolute;
    right: -465px;
    top: -16px;
}
.shop-bg .bottom b{
    color: #fff;
    font-size: 32px;
    font-weight: bolder;
    display: block;
    white-space:nowrap;
    z-index: 1;
}
.shop-bg .bottom b.tip1{
    position: absolute;
    left: 152px;
    top: 2px;
}
.shop-bg .bottom b.tip2{
    position: absolute;
    left: 368px;
    top: -8px;
}
.shop-card{
    background: #e0e3e5;
    padding-bottom: 100px;
}
.shop-card .main-content{
    background: #fff;
    width: 60%;
    padding: 80px 40px 0 40px;
    margin: auto;
    font-family: "Microsoft YaHei";
}
.shop-card .main-content .tit{
    font-weight: bolder;
}
.shop-card .main-content .tit span{
    font-family: -webkit-pictograph;
    font-size: 40px;
}
.shop-card .main-content .msg{
    font-size: 13px;
    line-height: 22px;
    padding: 10px 0 0;
    text-indent: 2em;
}
.shop-table{
    width: 100%;
    line-height: 25px;
    margin-top: 25px;
}
.shop-table thead tr{
    background: #fbdfbd;
}
.shop-table thead tr th{
    border: 2px solid #fff;
    text-align: center;
    padding: 25px 0;
    font-weight: bolder;
    font-size: 15px;
}
.shop-table tbody tr:nth-child(1),
.shop-table tbody tr:nth-child(2){
    background: #f2d3af;
}
.shop-table tbody tr:nth-child(3),
.shop-table tbody tr:nth-child(4),
.shop-table tbody tr:nth-child(5){
    background: #e0c29f;
}
.shop-table tbody tr td{
    border: 2px solid #fff;
    padding:15px;
    font-size: 13px;
}
.shop-card .tit-sm{
    line-height: 28px;
    text-indent: 1em;
    padding-top: 5px;
    font-size: 14px;
}
.shop-card .list{
    font-size: 12px;
    line-height: 22px;
    margin-left: 26px;
    word-wrap: break-word;
}

.shop-card .list-sm{
    text-indent: 3.1em;
    font-size: 13px;
    line-height: 22px;
}
.shop-card .bar{
    border-bottom: 1px dashed #000;
    padding-bottom: 10px;
    width: 40%;
}
.shop-card .bar2{
    border-top: 1px solid #000;
    border-bottom: 1px dashed #000;
    padding:5px 0 30px;
    width: 40%;
}
/*ǰ̨-����֧��*/
.ll-bg{
    width: 100%;
    height: 590px;
    overflow: hidden;
    position: relative;
    background: url(../img/ll-bg.jpg) center top no-repeat;
    background-size: 100%;
    -ms-behavior: url(../css/backgroundsize.min.htc);
    behavior: url(../css/backgroundsize.min.htc);
}
.ll-bg .cont {
    margin: auto;
    margin-top: 130px;
    width: 100%;
    color: #fff;
    text-align: center;
    font-family: "Microsoft YaHei";
}
.ll-bg .head {
    color: #1b225d;
    font-size: 44px;
    width: 580px;
    font-weight: bold;
    margin: auto;
}
.ll-bg .logo-b {
    display: inline-block;
    width: 298px;
    height: 84px;
    background: url(../img/logo-b.png) center top no-repeat;
    background-size: 100%;
    float: left;
}
.ll-bg .cont h3 {
    font-size: 50px;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    font-family: PingFang SC, sans-serif;
    letter-spacing:8px;
}
.ll-bg .cont h3 b{
    color: #070e4c;
}

.ll-bg .bottom{
    margin: auto;
    text-align: center;
}
.ll-bg .bottom .ll-rate{
    display: inline-block;
    width: 1000px;
    height: 400px;
    background: url(../img/ll-rate.png) center top no-repeat;
    background-size: 100%;
    margin: 30px 0 0 0;
}
.ll-bg .bottom .btn{
    display: inline-block;
    background: #00ffff;
    color: #fff;
    border-radius: 5px;
    height: 65px;
    line-height: 60px;
    width: 200px;
    font-size: 30px;
    margin-top: 40px;
    text-align: center;
    font-weight: bolder;
    position: relative;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.ll-bg .bottom .btn:hover{
    color: #fff;
    background: #00ffff;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    opacity: .7;
}
.ll-bg .bottom .btn:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(ellipse at center, #00ffff 0%, transparent 80%);
    background: radial-gradient(ellipse at center, #00ffff 0%, transparent 80%);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;
}
.ll-bg .bottom .btn:hover:before{
    opacity: 1;
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
}
.ll-box02{
    display: inline-block;
    width: 100%;
    height: 575px;
    background: url(../img/ll-box2.jpg) center top no-repeat;
    background-size: 100%;
    position: relative;
    overflow: hidden;
}
.ll-box02 .goldImg{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: .5;
}
.ll-box02 .ll-gold{
    display: inline-block;
    width: 108%;
    height: 105%;
    background: url(../img/lianlian-bg.png) center top no-repeat;
    background-size: 100%;
    position: relative;
    left: -100px;
    bottom: -100px;
}

.ll-box02 .cont{
    position: relative;
    z-index: 10;
    text-align: center;
    width: 65%;
    height: 100%;
    margin: auto;
}
.ll-box02 .tit{
    display: inline-block;
    color: #FBFCFD;
    margin: 50px 0 0 0;
    padding: 0 20px;
    position: relative;
}
.ll-box02 .ll-line{
    display: inline-block;
    width: 1035px;
    height: 138px;
    background: url(../img/lianlian-wz.png) center top no-repeat;
    background-size: 100%;
    position: relative;
}
.ll-box02 .ll-line:before{
    content: "";
    width: 50px;
    height: 51px;
    background: url(../img/ll-line-l.png) center top no-repeat;
    background-size: 100%;
    position: absolute;
    left: -70px;
    top: 70px;
}
.ll-box02 .ll-line:after{
    content: "";
    width: 50px;
    height: 51px;
    background: url(../img/ll-line-r.png) center top no-repeat;
    background-size: 100%;
    position: absolute;
    right: -70px;
    top: 70px;
}
.ll-box02 .ll-200{
    width: 360px;
    height: 155px;
    background: url(../img/lianlian-200.png) center top no-repeat;
    background-size: 100%;
    position: absolute;
    right: 72px;
    top: -36px;
    z-index: 10;
}
.ll-box02 .infor{
    width: 1072px;
    height: 320px;
    margin: 50px auto 0;
    position: relative;
    min-width: 910px;
}
.ll-box02 .infor:before{
    content: "";
    width: 65px;
    height: 65px;
    background: url(../img/ll-infor.png) center top no-repeat;
    background-size: 100%;
    position: absolute;
    left: -30px;
    top:-30px;
    z-index: 1;
}
.ll-box02 .infor .layer{
    display: inline-block;
    width: 100%;
    height: 100%;
    background: #eccf3d;
    opacity: .4;
    border-radius: 10px;
}
.ll-box02 .infor .msg{
    position: absolute;
    left: 0;
    top: 0;
    padding: 3% 2% 3% 3%;
    width: 94%;
    height: 94%;
    font-family: "Microsoft YaHei";

}
.ll-box02 .infor .msg p{
    text-align: left;
    font-size: 26px;
    line-height:54px;
    color: #fff;
}
.ll-box02 .infor .msg a{
    font-size: 30px;
    margin-top: 10px;
    color: #fede04;
}
.ll-box02 .infor .msg a:hover{
    opacity: .6;
}
.ll-box02 .infor .name{
    text-align: left;
    color: #fddd05;
    font-size: 32px;
}
.ll-box02 .infor .msg .tips{
    display: inline-block;
    width: 100%;
    color: #fff;
    text-align: left;
    font-size: 23px;
    margin-top: 10px;
}
.ll-box03{
    width: 100%;
    background: #e7e9ec;
    position: relative;
    top: -3px;
}
.ll-box03 .tit,
.ll-box04 .tit,
.ll-box05 .tit,
.ll-box06 .tit{
    text-align: center;
    font-size: 46px;
    font-weight: bold;
    color: #311907;
    border-bottom: 2px solid #fff;
    padding: 90px 0 7px;
    font-family: "Microsoft YaHei";
}
.ll-box03 .tit b,
.ll-box04 .tit b,
.ll-box05 .tit b,
.ll-box06 .tit b{
    padding: 0 10px 5px 0;
    border-bottom: 5px solid #1b225d;
    font-family: lanting, sans-serif;
}
.ll-box03 .tip,
.ll-box04 .tip,
.ll-box05 .tip,
.ll-box06 .tip{
    font-size: 22px;
    color: #666;
    text-align: center;
    padding: 15px 0 40px 0;
    font-family: "Microsoft YaHei";
}
.ll-box03 .step-list{
    width: 70%;
    margin:40px auto 0;
    padding-bottom: 70px;
    width: 1320px;
}
.ll-box03 .step-list li{
    float: left;
    font-family: "Microsoft YaHei";
    margin: auto;
    text-align: center;
    width: 25%;
    position: relative;
}
.ll-box03 .step-list .step-box{
    position: relative;
    left: 10px;
    width: 200px;
    margin: auto;
}
.ll-box03 .step-list .tips{
    position: absolute;
    left: 0;
    top: 0;
    width: 90%;
    color: #51cbf3;
    font-weight: bold;
    font-size: 22px;
    line-height: 37px;
    padding: 50px 0;
    display: none;
}
.ll-box03 .step-list .line{
    display: inline-block;
    width: 3px;
    height: 80px;
    background: #aaaaaf;
    position: relative;
    top: -6px;
    left: -3px;
}
.ll-box03 .step-list .msg{
    width: 235px;
    background: #9d9d9d;
    border-radius: 2px;
    color: #fff;
    padding: 2px;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    margin: auto;
    position: relative;
    top: -10px;

}
.ll-box03 .step-list .hover .msg{
    background: #aaaaaf;
}
.ll-box03 .step-list .msg p{
    border: 1px solid #fff;
    padding: 10px;
    word-break: break-all;
}
.ll-box03 .step-list .dot{
    font-size: 30px;
    letter-spacing:4px;
    position: absolute;
    left: -40px;
    top: 68px;
    color: #919195;
}
.ll-box03 .step-list .hover .dot{
    color: #51cbf3;
}
.ll-box03:before,
.ll-box05:before{
    content: "";
    width: 120px;
    height: 60px;
    background: url(../img/ll-ball.png) 0 0 no-repeat;
    background-size: 100%;
    position: absolute;
    bottom: -30px;
    left: 47%;
    z-index: 1;
}
.ll-box04{
    position: relative;
    padding:40px 0 30px 0;
}
.ll-box04 .tit{
    border-bottom: 2px solid #e7e9ec;
}
.ll-box04 .infor{
    width: 1030px;
    margin: 40px auto 60px;
    padding-bottom: 90px;
    position: relative;
}
.ll-box04 .ll-infor1{
    display: inline-block;
    width: 240px;
    height: 240px;
    background: url("../img/ll-info1.png") 0 0 no-repeat;
    background-size: 100%;
}
.ll-box04 .infor img{
    width: 240px;
}
.ll-box04 .infor img.ll-info3{
    width: 260px;
}
.ll-box04 .infor img:hover{
    transform: scale(1.1);
    transition:all .2s ease-in 0s;
}
.ll-box04 .infor h5{
    color: #313131;
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 10px;
    font-family: PingFang RG, sans-serif;
}
.ll-box04 .infor p{
    color: #666666;
    font-size: 18px;
    line-height: 32px;
    width: 100%;
    font-family: "Microsoft YaHei";
}
.ll-box04 .infor:before{
    content: "";
    width: 100%;
    height: 1px;
    background: url(../img/ll-line-w.png) 0 0 no-repeat;
    background-size: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}
.ll-box04 .infor.borderNone:before{
    background:initial;
}
/*.ll-box04 .infor-left h5{
    margin:50px 0 10px 100px;
}*/
.ll-box04 .infor-left  .cont{
    margin: 50px 0 0 100px;
}
.ll-box04 .infor-left img,
.ll-box04 .infor-left  .cont{
    float: left;
}
.ll-box04 .infor-right h5{
    margin:50px 100px 10px 0;
}
.ll-box04 .infor-right p{
    margin:0 120px 0 0;
}
.ll-box04 .infor-right img,
.ll-box04 .infor-right .cont{
    float: right;
}
.ll-box04:before{
    content: "";
    width: 120px;
    height: 60px;
    background: url(../img/ll-ball2.png) 0 0 no-repeat;
    background-size: 100%;
    position: absolute;
    bottom: -30px;
    left: 47%;
    z-index: 1;
}
.ll-box05{
    width: 100%;
    background: #e7e9ec;
    position: relative;
    padding-bottom: 100px;
}
.ll-box05 .ll-wrapper{
    width: 70%;
    min-width: 1136px;
    margin:25px auto 80px;
    position: relative;
}
.ll-box05 .ll-table{
    width: 100%;
    line-height: 25px;
    font-family: "Microsoft YaHei";
}
.ll-table thead tr {
    background: #badce9;
}
.ll-table thead tr th {
    border: 2px solid #fff;
    text-align: center;
    padding: 20px 0;
    font-weight: bolder;
}
.ll-table tbody tr{
    background: #d2eef2;
}

.ll-table tbody tr td {
    border: 2px solid #fff;
    padding: 15px;
    font-size: 13px;
    text-align: center;
    min-width: 195px;
}

.ll-box05 .ll-content{
    width: 100%;
    min-width: 1000px;
    line-height: 25px;
    font-family: "Microsoft YaHei";
    position: absolute;
    left: 0;
    top: 0;
}
.ll-box05 .ll-content dl{
    width: 27%;
    min-width: 265px;
    float: left;
    text-align: center;
    position: relative;
    left: 24%;
    top: -18px;
    box-shadow: 0 0 20px rgb(135, 192, 215);
}

.ll-box05 .ll-content dt{
    border: 2px solid #fff;
    border-bottom: none;
    height: 80px;
    line-height: 80px;
    font-weight: bold;
    background:#87c0d7;
}
.ll-box05 .ll-content dd{
    border: 2px solid #fff;
    border-bottom: none;
    font-size: 13px;
    background:#87c0d7;
    padding: 17px 10px;
}
.ll-box05 .ll-content dd:last-child{
    border-bottom: 2px solid #fff;
    padding: 36px 15px;
}

.ll-box05 .reg{
    width: 70%;
    margin:auto;
    position: relative;
    padding-bottom: 20px;
    text-align: center;
}
.ll-box05 .reg .reg-box{
    display: inline-block;
    min-width: 770px;
}
.ll-box05 .reg p{
    float:left;
    color: #1c3544;
    font-size: 30px;
    font-weight: bold;
    opacity: .8;
    font-family: PingFang SC, sans-serif;
    margin-right: 60px;
}
.ll-box05 .reg p span{
    margin-left: 200px;
}
.ll-box05 .reg .reg-btn{
    display: inline-block;
    float: left;
    color: #1c3544;
    font-size: 28px;
    padding: 8px 14px;
    font-weight: bold;
    border: 2px solid #1c3544;
    border-radius: 4px;
    margin-top: 10px;
    position: relative;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.ll-box05 .reg .reg-btn:hover{
    color: #fff;
    background: #1c3544;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}
.ll-box05 .reg .reg-btn:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(ellipse at center, rgb(69, 89, 102) 0%, transparent 80%);
    background: radial-gradient(ellipse at center, rgb(69, 89, 102) 0%, transparent 80%);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;
}
.ll-box05 .reg .reg-btn:hover:before{
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
}
.ll-box05 .reg:before{
    content: "";
    width: 100%;
    height: 1px;
    background: url(../img/ll-line-w2.png);
    background-size: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}
.col-tools-list{
    display: inline-block;
    width: 60%;
    min-width: 1140px;
    padding:10px 0 100px;
}
.col-tools-list li{
    float: left;
    width: 30%;
    height: 85px;
    text-align: center;
    position: relative;
    margin: 0 15px;
}
.col-tools-list li a{
    display: inline-block;
    width: 100%;
    height: 100%;
    padding-top: 15px;
}
.col-tools-list li:hover .rate{
    color: #26cfe8;
}
.col-tools-list .col-tools1{
    display: inline-block;
    width: 133px;
    height: 80px;
    background: url(../img/col-tools1.png) 0 0 no-repeat;
    background-size: 100%;
    float: left;
    margin: 8px 0 0 15px;
}
.col-tools-list .col-tools2{
    display: inline-block;
    width: 143px;
    height: 72px;
    background: url(../img/col-tools2.png) 0 0 no-repeat;
    background-size: 100%;
    float: left;
    margin: 0 0 0 15px;
}
.col-tools-list .col-tools3{
    display: inline-block;
    width: 140px;
    height: 50px;
    background: url(../img/col-tools3.png) 0 0 no-repeat;
    background-size: 100%;
    float: left;
    margin: 5px 0 0 12px;
}
.col-tools-list li .rate{
    display: inline-block;
    color: #999;
    font-size: 14px;
    margin-top: 10px;
}
.col-tools-list li .rate b{
    color: #179ce9;
    font-size: 48px;
    font-weight: bold;
    font-family: -webkit-pictograph;
}
.col-tools-list .line{
    display: inline-block;
    background: #d4dcea;
    position: absolute;
}
.col-tools-list .line1{
    width: 50%;
    height: 1px;
    left: 0;
    top: 0;
}
.col-tools-list .line2{
    width: 1px;
    height: 60%;
    left: 0;
    top: 0;
}
.col-tools-list .line3{
    width: 50%;
    height: 1px;
    right: 0;
    bottom: 0;
}
.col-tools-list .line4{
    width: 1px;
    height: 60%;
    right: 0;
    bottom: 0;
}
.col-tools-list .line5{
    width: 1px;
    height: 30%;
    left: 50%;
    top: 35%;
}
/*�Ż�ȯ�ҳ*/
.activities{
    width: 70%;
    height: 2080px;
    margin: auto;
    min-width: 1200px;
    background: url(../img/activities/active-bg.png) 0 0 no-repeat;
    background-size: 100%;
    position: relative;
    left: -70px;
}
.activities .prompt{
    color: #D13C2E;
    text-align: center;
    font-size: 16px;
    margin-top: 120px;
    font-weight: bold;
}
.activities .head{
    margin: auto;
    width: 50%;
    padding:55px 0 0 80px;
    position: relative;
}
.activities .head .tit{
    text-align: center;
}
.activities .head img{
    max-width: 700px;
}
.activities .head .tips{
    width: 75%;
    height: 64px;
    line-height: 46px;
    padding: 5px 0;
    font-size: 38px;
    color: #f9f6eb;
    background: url(../img/activities/tit-bg.png) 0 0 no-repeat;
    background-size: 100%;
    margin:20px auto 0;
    text-align: center;
    /*    font-family: lanting ST, sans-serif;*/
}
.activities .head .tips.shuang{
    font-size: 1.6vw!important;
}
.activities .head .adv{
    display: inline-block;
    width: 170px;
    height: 185px;
    background: url(../img/activities/adv.png) 0 0 no-repeat;
    background-size: 100%;
    position: absolute;
    top: 40px;
    left: -140px;
    color: #fff;
    font-size: 40px;
    text-align: center;
    font-family: "Microsoft YaHei";
    font-style:oblique;
}
.activities .head .double_eleven{
    display: inline-block;
    width: 151px;
    height: 185px;
    background: url(../img/activities/song.png) 0 0 no-repeat;
    background-size: 100%;
    position: absolute;
    top: 40px;
    left: -140px;
    color: #fff;
    font-size: 40px;
    text-align: center;
    font-family: "Microsoft YaHei";
    font-style:oblique;
}
.activities .head .double_eleven.new{
    display: inline-block;
    width: 151px;
    height: 185px;
    background: url(../img/activities/fold.png) 0 0 no-repeat;
    background-size: 100%;
}
.ticket-wrapper{
    height: 560px;
    overflow: auto;
}
.activities .cont{
    width: 70%;
    margin: 355px auto 70px;
}
.activities .cont h3{
    width: 60%;
    text-align: center;
    margin:0 auto 60px;
}
.activities .cont.eleven h3{
    padding-top: 2.5vw;
}
.activities .cont.eleven.new h3{
    padding-top: 0;
    margin-top: -0.5vw;
}
.activities .ticket-box{
    width: 750px;
    height: 260px;
    background: url(../img/activities/ticket-bg.png) 0 0 no-repeat;
    background-size: 100%;
    margin: 0 auto 20px;
    position: relative;
    font-family: "Microsoft YaHei";
}
.activities .ticket-box.active{
    background: url(../img/activities/ticket-bg2.png) 0 0 no-repeat;
    background-size: 100%;
}
.activities .ticket-box .ticket{
    display: inline-block;
    width: 140px;
    height: 195px;
    background: url(../img/activities/ticket.png) 0 0 no-repeat;
    background-size: 100%;
    position: absolute;
    left: 7px;
    top: 12px;
}
.activities .ticket-box.active .ticket{
    background: url(../img/activities/ticket2.png) 0 0 no-repeat;
    background-size: 100%;

}
.activities .ticket-box .price{
    color: #fff;
    font-size: 85px;
    font-weight: bold;
    margin-left: 185px;
    width: 380px;
    line-height: 30px;
    padding: 42px 0 0;
}
.activities .ticket-box .price b{
    font-size: 16px;
    font-weight: normal;
    font-family: SimHei;
}
.activities .ticket-box .infor{
    color: #9c9b9b;
    font-size: 16px;
    margin: 25px 0 0 190px;
    width: 360px;
}
.activities .ticket-box.active .infor{
    color: #ec693b;
}
.activities .ticket-box .infor p{
    line-height: 25px;
}
.activities .icon-name,
.activities .icon-code,
.activities .icon-time,
.activities .active .icon-name,
.activities .active .icon-code,
.activities .active .icon-time{
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 10px;
}
.activities .icon-name{
    background: url(../img/activities/icon-name.png) 0 0 no-repeat;
    background-size: 100%;
}
.activities .icon-code{
    background: url(../img/activities/icon-code.png) 0 0 no-repeat;
    background-size: 100%;
    height: 10px;
}
.activities .icon-time{
    background: url(../img/activities/icon-time.png) 0 0 no-repeat;
    background-size: 100%;
}
.activities .active .icon-name{
    background: url(../img/activities/icon-name2.png) 0 0 no-repeat;
    background-size: 100%;
}
.activities .active .icon-code{
    background: url(../img/activities/icon-code2.png) 0 0 no-repeat;
    background-size: 100%;
    height: 10px;
}
.activities .active .icon-time{
    background: url(../img/activities/icon-time2.png) 0 0 no-repeat;
    background-size: 100%;
}
.activities .ticket-box .msg{
    width: 135px;
    height: 245px;
    position: absolute;
    right: 5px;
    top: 0;
}
.activities .ticket-box .msg p{
    writing-mode:tb-rl;
    height: 140px;
    color: #fff;
    font-size: 36px;
    letter-spacing: 8px;
    font-weight: bold;
    margin: 60px auto 0;
}
.activities .ticket-box.active .msg p{
    margin: 30px auto 0;
}
.activities .ticket-box .touch{
    display: inline-block;
    width: 82px;
    height: 94px;
    background: url(../img/activities/touch.gif) 0 0 no-repeat;
    background-size: 100%;
    position: absolute;
    right: 20px;
    bottom: 0;
}
.activities .warning{
    display: inline-block;
    width: 21px;
    height: 18px;
    background: url(../img/activities/icon-notice.png) 0 0 no-repeat;
    background-size: 100%;
    margin-right: 10px;
    vertical-align: middle;
}
.activities .cont .tips{
    margin-top: 10px;
    font-size: 14px;
    text-align: center;
    color: #ec693b;
    font-family: "Microsoft YaHei";
}
.activities .bottom .msg{
    margin: 66px 0px 0 80px;
    font-size: 18px;
    text-align: left;
    color: #ec693b;
    line-height: 35px;
    font-family: "Microsoft YaHei";
}
.activities .t-btn{
    color: #fbae08;
    margin-left: 10px;
    cursor: pointer;
}
.activities .bottom{
    width: 70%;
    margin: auto;
    position: absolute;
    top: 1600px;
    left: 210px;

}
.activities .bottom .warn{
    display: inline-block;
    width: 200px;
    height: 40px;
    background: url(../img/activities/warn.png) 0 0 no-repeat;
    background-size: 100%;
    margin: 20px 0 0 0;
}

/*�����տ��*/
.ll-layer-wrapper{
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10001;
}
.ll-layer{
    display: inline-block;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
}
.ll-gold2{
    width: 90%;
    height: 90%;
    background: url(../img/ll-gold2.png) 0 0 no-repeat;
    background-size: 100%;
    position: absolute;
    right: -30px;
    bottom: -50px;
}
.ll-layer-box{
    width: 1000px;
    height: 580px;
    background: url(../img/ll-layerbg.png) 0 0 no-repeat;
    background-size: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    overflow: hidden;
}
.ll-layer-box .tit{
    width: 350px;
    height: 40px;
    background: url(../img/ll-logo-white.png) 0 0 no-repeat;
    background-size: 100%;
    margin: 30px auto;
}
.ll-layer-box .close{
    display: inline-block;
    width: 28px;
    height: 28px;
    background: url(../img/icon-close.png) 0 0 no-repeat;
    background-size: 100%;
    position: absolute;
    right: 25px;
    top: 20px;
    cursor: pointer;
}
.ll-layer-box .words{
    padding: 0 40px;
    line-height: 30px;
}
.ll-layer-box .word1{
    display: inline-block;
    width: 402px;
    height: 30px;
    background: url(../img/ll-word1.png) 0 0 no-repeat;
    background-size: 100%;
}
.ll-layer-box .word2-bg{
    width: 290px;
    height: 32px;
    border-radius: 20px;
    background: #fddd05;
    text-align: center;
    margin-top: 2px;
}
.ll-layer-box .word2{
    display: inline-block;
    width: 241px;
    height: 25px;
    background:url(../img/ll-word2.png) 0 0 no-repeat;
    background-size: 100%;
    margin-top: 3px;
}
.ll-layer-box .word3{
    display: inline-block;
    width: 303px;
    height: 96px;
    background: url(../img/ll-word3.png) 0 0 no-repeat;
    background-size: 100%;
    margin-top: 20px;
}
.ll-layer-box .msg{
    margin:30px 50px;
    border-radius: 10px;
    position: relative;
}
.ll-layer-box .msg .msg-layer{
    display: inline-block;
    width: 100%;
    height:180px;
    border-radius: 10px;
    opacity: 0.5;
    background: #bca952;
}
.ll-layer-box .msg .msg-cont{
    width: 100%;
    line-height: 22px;
    padding: 30px 0;
    position: absolute;
    left: 0;
    top: 0;
}
.ll-layer-box .msg .msg-cont:after{
    content: "";
    width: 50px;
    height: 50px;
    background: url(../img/ll-infor.png) 0 0 no-repeat;
    background-size: 100%;
    position: absolute;
    left: -15px;
    top: -15px;
}
.ll-layer-box .msg-cont a{
    color: #fddd05;
}
.ll-layer-box .msg-cont a:hover{
    opacity: .6;
}
.ll-layer-box .msg p{
    padding: 5px 20px 5px 40px;
    color: #fff;
    font-family: "Microsoft YaHei";
}
.notice-box{
    position: fixed;
    left: 0;
    bottom: 25%;
    width: 255px;
    height: 300px;
    background: url(../img/notice-bg.png) 0 0 no-repeat;
    background-size: 100%;
    z-index: 999;
}
.notice-box .notice-close{
    width: 32px;
    height: 32px;
    background: url(../img/notice-close.png) 0 0 no-repeat;
    background-size: 100%;
    position: absolute;
    right: 0;
    top: -25px;
    cursor: pointer;
}
.notice-box p.infor{
    margin-top: 120px;
    color: #626b82;
    padding: 0 20px;
    font-size: 14px;
    line-height: 22px;
    font-family: "Microsoft YaHei";
    position: relative;
}
.notice-box p.infor:before{
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #0ccdde;
    position: absolute;
    left: 10px;
    top: 8px;
}

/*������*/
.bigdata-box.system-box{
    margin: 70px 0 30px;
    overflow: hidden;
}
.data-search-bg{
    width: 100%;
    height: 570px;
    background: #012544;
    position: relative;
}
.data-search-bg2{
    background: #111222;
}

.data-search-box{
    width: 865px;
    height: 100%;
    margin: auto;
    text-align: center;
    position: relative;
    top: 20px;
    opacity: 0;
    overflow: hidden;

}
.data-search-cont{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.data-logo{
    display: inline-block;
    width: 330px;
    height: 61px;
    background: url(../img/data-logo.png) 0 0 no-repeat;
    background-size: 100%;
    margin-top: 90px;
}
.data-search-box .search-nav{
    position: relative;
    display: inline-block;
    margin-top: 20px;
    z-index: 10;
}
.data-search-box .search-nav li{
    float: left;
    color: #fff;
    margin:0 22px;
    font-size: 14px;
    cursor: pointer;
    position: relative;
}
.data-search-box .search-nav li:hover,
.data-search-box .search-nav li.active,
.data-search-box .search-nav li:hover>a,
.data-search-box .search-nav li.active>a{
    color: #00c1de;
}
.data-search-box .search-nav li a{
    color: #fff;
}
.data-search-box .search-nav .icon-beta{
    position: absolute;
    right: -28px;
    top: -12px;
}
.data-search-box .search-nav .tips{
    width: 240%;
    padding: 6px 4px;
    background: #fff;
    color: #666;
    position: absolute;
    top: -50px;
    left: -80px;
    opacity: 0;
}
.data-search-box .search-nav .tips:after{
    content: "";
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid #fff;
    position: absolute;
    left: 50%;
    margin-left: -6px;
    bottom:-8px;

}
.data-search-box .search-nav .more{
    position: absolute;
    left: 50%;
    top: 12px;
    transform: translate(-50%);
    display: none;
}
.data-search-box .search-nav .more-cont{
    margin-top: 14px;
    position: relative;
    background: #fff;
    padding: 4px 0;
    border: 1px solid #dedede;
    box-shadow: 2px 2px 2px #8a8a8a;
}
.data-search-box .search-nav li:hover .more{
    display: block;
}
.data-search-box .search-nav .more-cont:before,
.data-search-box .search-nav .more-cont:after{
    content: "";
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid #dedede;
    position: absolute;
    left: 50%;
    margin-left: -6px;
    top:-8px;
}
.data-search-box .search-nav .more-cont:after{
    top:-6px;
    border-bottom: 8px solid #fff;
}
.data-search-box .search-nav .more p{
    white-space: nowrap;
    line-height: 22px;
    padding: 0 12px;
}
.data-search-box .search-nav .more p:hover{
    background: #eee;
}
.data-search-box .search-nav .more a{
    color: #666;
}

.data-search-card{
    width: 100%;
    position: relative;
}

.data-search-card .search-layer{
    display: inline-block;
    width: 98.7%;
    height: 46px;
    border:5px solid #00c1de;
    opacity: .4;
}
.data-search-card .data-search-label{
    display: inline-block;
    width: 100%;
    position: absolute;
    left: 5px;
    top: 5px;
}

.data-search-card .data-search-select{
    width: 78px;
    height: 46px;
    padding-left: 10px;
    color: #555555;
    float: left;
    font-family: "Microsoft YaHei";
    border: 1px solid #fff;
    border-right: 1px solid #ccc;
    /*[;line-height:40px;]*/
}
.data-search-card .data-search-select:focus{
    border: 1px solid #00c1de;
    -webkit-box-shadow:inset 0 0 2px #00c1de;
    -moz-box-shadow:inset 0 0 2px #00c1de;
    box-shadow:inset 0 0 2px #00c1de;
}
.data-search-card .type-select{
    position: absolute;
    right: 91px;
    top: 0;
    width: 100px;
    border-left: 1px solid #ccc;
    z-index: 2;
}
.data-search-card .autocomplete-input{
    height: 44px;
    padding: 0 30px 0 10px;
    width: 75.6%;
    float: left;
    border: 1px solid #fff;
    color: #555;
    font-family: "Microsoft YaHei";
    position: relative;
    z-index: 2;
}
.data-search-card .autocomplete-input:focus{
    border: 1px solid #00c1de;
    -webkit-box-shadow:inset 0 0 2px #5eb9c7;
    -moz-box-shadow:inset 0 0 2px #5eb9c7;
    box-shadow:inset 0 0 2px #5eb9c7;
}
.data-search-card .icon-delete{
    position: absolute;
    right: 100px;
    top: 14px;
    cursor: pointer;
    display: none;
    z-index: 3;
}
.data-search-card .autocomplete-button{
    display: inline-block;
    float: left;
    width: 80px;
    height: 46px;
    line-height: 54px;
    background: #00c1de;
    cursor: pointer;
}
.data-search-card .autocomplete-button:hover{
    background: #1dd6f2;
}
.data-search-card .tips{
    color: #fff;
    font-size: 12px;
    margin-top: 10px;
}
.data-search-card .choice-tips{
    color: #fff;
    text-align: center;
    font-size: 12px;
    margin:10px auto;
}
.data-search-card .choice-tips .data-select{
    text-align: center;
    width: 190px;
    height: 28px;
    padding-left: 10px;
    color: #555555;
    font-family: "Microsoft YaHei";
    border: 1px solid #fff;
    border-right: 1px solid #ccc;
}
.data-search-card .recharge{
    color: #f55941;
}
.data-search-card .recharge:hover{
    color: #fe8c7b;
}
.data-animate{
    /*    opacity: .6;*/
    display: none;
}
.data-animate .ball,
.data-animate3 .monitor{
    width: 195px;
    height: 195px;
    position: absolute;
    left:50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.data-animate i,
.data-animate3 i{
    position: absolute;
    left: 0;
    top: 0;
}
.data-animate .a1{
    display: inline-block;
    width: 195px;
    height: 195px;
    background: url(../img/dataAnimate/a1.png) 0 0 no-repeat;
    background-size: 100%;
}
.data-animate .a2{
    display: inline-block;
    width: 165px;
    height: 195px;
    background: url(../img/dataAnimate/a2.png) 0 0 no-repeat;
    background-size: 100%;
    margin-left: 10px;
}
.data-animate .a3{
    display: inline-block;
    width: 183px;
    height: 144px;
    background: url(../img/dataAnimate/a3.png) 0 0 no-repeat;
    background-size: 100%;
    margin-top: 30px;
}
.data-animate .a4{
    display: inline-block;
    width: 450px;
    height: 200px;
    background: url(../img/dataAnimate/a4.png) 0 0 no-repeat;
    background-size: 100%;
    margin-left: 205px;
    margin-top: 134px;
}
.data-animate .a5{
    display: inline-block;
    width: 750px;
    height: 280px;
    background: url(../img/dataAnimate/a5.png) 0 0 no-repeat;
    background-size: 100%;
    margin-left: 60px;
    margin-top: 110px;
}
.data-animate .a6{
    display: inline-block;
    width: 600px;
    height: 300px;
    background: url(../img/dataAnimate/a6.png) 0 0 no-repeat;
    background-size: 100%;
    margin-left: 145px;
    margin-top: 90px;
}
.data-animate .a7{
    display: inline-block;
    width: 330px;
    height: 200px;
    background: url(../img/dataAnimate/a7.png) 0 0 no-repeat;
    background-size: 100%;
    margin-left: 270px;
    margin-top: 140px;
}
.data-animate3 .monitor{
    width: 100%;
    height: 280px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-41%);
}

.data-animate3 .c1{
    display: none;
    width: 140px;
    height: 150px;
    background: url(../img/dataAnimate/c1.png) 0 0 no-repeat;
    background-size: 100%;
    left: 50%;
    top: 100px;
    margin-left: -70px;
}
.data-animate3 .c2{
    display: none;
    width: 200px;
    height: 160px;
    background: url(../img/dataAnimate/c2.png) 0 0 no-repeat;
    background-size: 100%;
    top: 90px;
    left: 50%;
    margin-left: -100px;
}
.data-animate3 .c3{
    display: none;
    width: 254px;
    height: 172px;
    background: url(../img/dataAnimate/c3.png) 0 0 no-repeat;
    background-size: 100%;
    top: 81px;
    left: 50%;
    margin-left: -127px;
}
.data-animate3 .c4{
    display: none;
    width: 308px;
    height: 185px;
    background: url(../img/dataAnimate/c4.png) 0 0 no-repeat;
    background-size: 100%;
    top: 71px;
    left: 50%;
    margin-left: -154px;
}
.data-animate3 .c5{
    display: none;
    width: 364px;
    height: 195px;
    background: url(../img/dataAnimate/c5.png) 0 0 no-repeat;
    background-size: 100%;
    top: 64px;
    left: 50%;
    margin-left: -182px;
}
.data-animate3 .c6{
    display: none;
    width: 420px;
    height: 208px;
    background: url(../img/dataAnimate/c6.png) 0 0 no-repeat;
    background-size: 100%;
    top: 55px;
    left: 50%;
    margin-left: -210px;
}
.data-animate3 .c7{
    display: none;
    width: 474px;
    height: 220px;
    background: url(../img/dataAnimate/c7.png) 0 0 no-repeat;
    background-size: 100%;
    top: 47px;
    left: 50%;
    margin-left: -237px;
}
.data-animate3 .c8{
    display: none;
    width: 534px;
    height: 232px;
    background: url(../img/dataAnimate/c8.png) 0 0 no-repeat;
    background-size: 100%;
    top: 39px;
    left: 50%;
    margin-left: -267px;
}
.data-animate3 .c9{
    display: none;
    width: 590px;
    height: 242px;
    background: url(../img/dataAnimate/c9.png) 0 0 no-repeat;
    background-size: 100%;
    top: 30px;
    left: 50%;
    margin-left: -295px;
}
.data-animate3 .c10{
    display: none;
    width: 644px;
    height: 252px;
    background: url(../img/dataAnimate/c10.png) 0 0 no-repeat;
    background-size: 100%;
    top: 22px;
    left: 50%;
    margin-left: -322px;
}

.search-animate{
    display: inline-block;
    width: 1920px;
    height: 570px;
    position: absolute;
    left: 0;
    top: 0;
}
.search-animate .particles{
    height: 100%;
    background: #111222;
}
.search-animate2{
    overflow: hidden;
    background: #212932;
}
.search-animate2 .bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 1920px;
    height: 471px;
    background: url(../img/dataAnimate/bg2.png) 0 0 no-repeat;
    background-size: 100%;
}
.data-animate2{
    width: 1200px;
    height: 100%;
    margin-left: -170px;
}
.proposal-box{
    width: 80.5%;
    margin-left: 82px;
    background: #fff;
    position: absolute;
    top: 44px;
    left: -5px;
    border: 1px solid #00c1de;
    z-index: 1;
}
.proposal-list{
    width: 100%;
}
.proposal-list li{
    transition:all 0s ease-in 0s;
    font-size: 14px;
    text-align: left;
    line-height: 24px;
    text-indent: .5em;
    position: relative;
}

.proposal-list li.selected{
    background: #eee;
    cursor: pointer;
}
.proposal-list li .del{
    font-size: 13px;
    position: absolute;
    right: 10px;
    top: 0;
    color: #fff;
}
.proposal-list li.selected .del{
    color: #888;
}
.proposal-box .del-history{
    text-align: right;
    padding-right: 10px;
    background: #eee;
    font-size: 13px;
    line-height: 24px;
    color: #888;
    cursor: pointer;
    display: none;
}

.data-table-wrapper{
    width: 70%;
    float: left;
    position: relative;
    top:-100px;
    padding: 0 0 0 2%;
}

.data-table-wrapper .button{
    margin:0 0 0 10px;
    color: #00c1de;
    border: 1px solid #00c1de;
    padding: 4px 14px;
    background: #f5f5f5;
    cursor: pointer;
    vertical-align: middle;
    transition:all .2s ease-in 0s;
}
.data-table-wrapper .button:hover{
    background: #00c1de;
    color: #fff;
}
.data-table-wrapper2{
    padding: 0 2% 0;
    position: relative;
    top:-100px;
}
.data-table-head{
    border: 1px solid #ddd;
    border-bottom: none;
    background: #f7f7f7;
}
.data-table-body{
    max-height: 500px;
    overflow: hidden;
    overflow-y: auto;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
}
.data-group-wrapper {
    width: 24%;
    float: left;
    position: relative;
    top:-100px;
    margin: 0 0 0 2%;
}
.data-group-wrapper.data-group-fixed{
    margin: 0;
    position: fixed;
    top: 70px;
    right: 2%;
}
.group-card-list{
    background: #fff;
    box-shadow: 3px 3px 3px #d2d2d2;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    padding: 10px 0;
    max-height: 400px;
    overflow-y: auto;
}
.group-card-list li{
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    text-indent: 2em;
    overflow: hidden;
    cursor: pointer;
}
.group-card-list li p .data-icon{
    float: right;
    padding:5px 20px 0 0;
    height: 30px;
    display: none;
}
.group-card-list li p:hover{
    background: #e0f7fb;
}
.group-card-list li p:hover .data-icon{
    display: block;
}

.group-card-list li .cont-copy{
    float: left;
    padding-left: 12px;
    width: 58%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}
.group-card-list li .infor-copy{
    position: relative;
}
.group-card-list li .copy-btn {
    text-indent: 0;
    line-height: 15px;
    padding: 2px 7px;
    left:40%;
    top: -8px;
}
.group-card-list .data-show>p{
    color: #00c1de;
}

.group-card-list .group-second-list p{
    font-size: 12px;
}
.group-card-list .icon-data-group{
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 8px solid #666666;
    border-bottom: 5px solid transparent;
}
.storage-data-layer{
    padding: 20px;
    font-family: "Microsoft YaHei";
}
.add-storage-data .data-add-input{
    border: none;
    border-bottom: 1px solid #929292;
    text-align: center;
    line-height: 20px;
    width: 25%;
    color: #666;
}
.add-storage-data .data-add-btn{
    display: inline-block;
    width: 43px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    border: 1px solid #00c1de;
    color: #00c1de;
    font-size: 12px;

}
.add-storage-data .data-add-btn:hover{
    background:#00c1de;
    color: #fff;
}
.add-storage-list{
    margin-top: 20px;
}
.add-storage-list li{
    float: left;
    width: 28%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #f7f8fa;
    margin: 0 10px 15px;
    font-size: 12px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.add-storage-list li.active,
.add-storage-list li:hover{
    background: #00c1de;
    color: #fff;
}
.competing-list{
    display: inline-block;
    padding: 0 0 30px 0;
}
.competing-list li{
    float: left;
    background: #f7f8fa;
    padding: 10px 25px;
    text-align: center;
    cursor: pointer;
    font-size: 12px;
    margin: 30px 14px 0;
}
.competing-list li:hover,
.competing-list li.active{
    background: #00c1de;
    color: #fff;
}
.competing-list li:hover a,
.competing-list li.active a{
    color: #fff;
}
.competing-list li .copy-btn{
    height: 24px;
    line-height: 24px;
    padding: 0 11px;
    top: -22px;
}
.data-table-wrapper2 .icon-spread{
    width: 18px;
    height: 13px;
    cursor: pointer;
}
.data-table-wrapper2 .fixed-table-container{
    border: 1px solid #ddd !important;
}
.data-graph-box{
    width: 100%;
    border-bottom: 1px solid #ededee;
    position: relative;
    background: #f0f0f1;
    display: none;
    overflow: hidden;
}
.data-graph-box h3{
    background: #dadada;
    line-height: 30px;
    font-size: 14px;
    text-align: left;
    text-indent: 1em;
    font-weight: bold;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.data-graph-box .graph-type{
    float: left;
    margin: 30px 0 0 40px;
    cursor: pointer;
}
.data-graph-box .graph-type span.active,
.data-graph-box .graph-type span:hover{
    color: rgb(38, 207, 232);
    transition: all 0;
}
.data-graph-box .graph-time{
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 1;
}
.data-graph-box .graph-time .day{
    padding: 4px 5px;
    margin-right: 10px;
    border: 1px solid #65d3e3;
    color: #65d3e3;
    border-radius: 2px;
    cursor: pointer;
    vertical-align: middle;
}
.data-graph-box .graph-time .day.active,
.data-graph-box .graph-time .day:hover{
    color: #fff;
    background: #65d3e3;
}
.data-graph-box .icon-data-retract{
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -20px;
    border: 1px solid #b5b5b5;
    opacity: .5;
    border-bottom: none;
    cursor: pointer;
}
.data-graph-box .icon-data-retract:hover{
    transition:all .3s ease-in 0s;
    padding: 2px 0;
    opacity: .8;
}
.data-table-wrapper2 .data-show-btn{
    color: #00c1de;
    border: 1px solid #00c1de;
    padding: 4px 14px;
}
.data-table-wrapper2 .data-show-btn:hover{
    background: #00c1de;
    color: #fff;
}
.r-graph-box{
    float: left;
    width: 40%;
    margin: 2% 0 2% 2%;
    border: 1px solid #f0f0f1;
    background: #fff;
    border-radius: 6px;
    position: relative;
}
.r-graph-box2{
    float: left;
    width: 16.4%;
    margin: 2% 0 2% 2%;
    border: 1px solid #f0f0f1;
    background: #fff;
    border-radius: 4px;
    position: relative;
}
.r-graph-box3{
    float: left;
    width: 30.5%;
    margin: 2% 0 0 2%;
    border: 1px solid #f0f0f1;
    background: #fff;
    border-radius: 6px;
    position: relative;
}
.r-graph-box3 .no-data{
    color: #666;
    width: 90px;
    height: 110px;
    position: absolute;
    left: 50%;
    top:50%;
    margin-left: -45px;
    margin-top: -55px;
}
.r-graph-box3 .no-data .error-cap{
    display: inline-block;
    width: 90px;
    height: 85px;
    background: url(../img/error-cap.png) 0 0 no-repeat;
    background-size: 100%;
    margin-bottom: 5px;
}
.r-data-box{
    margin:0 2% 20px;
    width: initial;
    border-bottom: 1px solid #ededee;
    position: relative;

}
.r-data-box .r-rank-analysis{
    background: #fff;
    margin: 40px 2% 0;
    border-bottom:1px dashed #00c1de;
}
.jk-graph-box{
    background:#fff;
    margin:2% 2% 3%;
    border: 1px solid #e4e4e4;
    border-radius: 6px;
    position: relative;
}
.r-data-analysis{
    background: #fff;
    padding-bottom: 20px;
    margin-bottom: 50px;
}
.r-rank-analysis .name{
    background: #fff;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
    margin: 0 35px;
    padding-top: 20px;
    position: relative;
}
.r-rank-analysis .name:after{
    content: "";
    width: 30px;
    height: 2px;
    background: #00c1de;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    bottom: -10px;
}
.r-rank-analysis .rank-list{
    width: 75%;
    margin: 20px 0 30px;
    float: left;
}
.r-rank-analysis .rank-list li{
    float: left;
    width: 33%;
    margin: 10px 0;
}
.r-rank-analysis .rank-list .tit{
    display: inline-block;
    width: 70px;
    text-align: right;
    font-weight: bold;
}
.r-rank-analysis .rank-input{
    width: 20%;
    height: 30px;
    border: 1px solid #e4e4e4;
    text-align: center;
    margin: 0 10px;
    font-size: 12px;
}
.r-rank-analysis .rank-input::-webkit-outer-spin-button,
.r-rank-analysis .rank-input::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
    margin: 0;
}
.r-rank-analysis .rank-input[type="number"]{-moz-appearance:textfield;}
.r-rank-analysis .rank-input:focus{
    border: 1px solid #00c1de;
}
.r-rank-analysis .rank-btn{
    float: right;
    width: 20%;
    margin: 50px 40px 0 0;
    text-align: right;
}
.r-rank-analysis .rank-nav{
    border-radius: 20px;
    background: #F9F9F9;
    width: 300px;
    height: 35px;
    line-height: 33px;
    display: inline-block;
    margin-top: 30px;
}
.r-rank-analysis .rank-nav .type{
    float: left;
    display: inline-block;
    width: 50%;
    text-align: center;
    cursor: pointer;
    position: relative;
}
.r-rank-analysis .rank-nav .type:nth-child(1){
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.r-rank-analysis .rank-nav .type:nth-child(2){
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.r-rank-analysis .rank-nav .type.active,
.r-rank-analysis .rank-nav .type:hover{
    color: #fff;
    background: -webkit-linear-gradient(left, #89D9E5, #02C1DE);
    background: -o-linear-gradient(right, #89D9E5, #02C1DE);
    background: -moz-linear-gradient(right, #89D9E5, #02C1DE);
    background: linear-gradient(to right, #89D9E5, #02C1DE);
}

.r-rank-analysis .rank-nav .type.active .icon-question,
.r-rank-analysis .rank-nav .type:hover .icon-question{
    background-position: -325px -210px;
}
.r-rank-analysis .rank-nav .new-arrivals{
    display: inline-block;
    width: 14px;
    height: 16px;
    background: url(../img/new-arrivals.png) 0 0 no-repeat;
    background-size: 100%;
    vertical-align: middle;
}
.r-rank-analysis .rank-nav span.active .new-arrivals,
.r-rank-analysis .rank-nav span:hover .new-arrivals{
    background: url(../img/new-arrivals-white.png) 0 0 no-repeat;
    background-size: 100%;
}
.r-data-card{
    border-left: 1px solid #f0f0f1;
    border-right: 1px solid #f0f0f1;
    border-radius: 2px;
}
.r-data-card .r-data-result{
    background: #fff;
    max-height: 228px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    overflow: hidden;
    position: relative;
}
.r-data-card .icon-r-data{
    position: absolute;
    right: 24px;
    top: 46px;
    display: none;
}
.r-data-steps{
    background: #fff;
    padding: 25px 30px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.r-data-steps li{
    float: left;
    /*    width: 18.7%;*/
    min-width: 100px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #dadadc;
    color: #666;
    position: relative;
    margin-right: 25px;
    cursor: pointer;
    transition:all 0s;
}

.r-data-steps li.active{
    background: #57becd;
    color: #fff;
}
.r-data-steps li.active:nth-child(1){
    background: -webkit-linear-gradient(left, #038b9f, #239eb1);
    background: -o-linear-gradient(right, #038b9f, #239eb1);
    background: -moz-linear-gradient(right, #038b9f, #239eb1);
    background: linear-gradient(to right, #038b9f, #239eb1);
}
.r-data-steps li.active:nth-child(2){
    background: -webkit-linear-gradient(left, #28a1b3, #52BBCA);
    background: -o-linear-gradient(right, #28a1b3, #52BBCA);
    background: -moz-linear-gradient(right, #28a1b3, #52BBCA);
    background: linear-gradient(to right, #28a1b3, #52BBCA);
}
.r-data-steps li.active:nth-child(3){
    background: -webkit-linear-gradient(left, #57BECD, #6DCBD9);
    background: -o-linear-gradient(right, #57BECD, #6DCBD9);
    background: -moz-linear-gradient(right, #57BECD, #6DCBD9);
    background: linear-gradient(to right, #57BECD, #6DCBD9);
}
.r-data-steps li.active:nth-child(4){
    background: -webkit-linear-gradient(left, #70CDDB, #83D8E5);
    background: -o-linear-gradient(right, #70CDDB, #83D8E5);
    background: -moz-linear-gradient(right, #70CDDB, #83D8E5);
    background: linear-gradient(to right, #70CDDB, #83D8E5);
}
.r-data-steps li.active:nth-child(5){
    background: -webkit-linear-gradient(left, #86DAE7, #AEF2FD);
    background: -o-linear-gradient(right, #86DAE7, #AEF2FD);
    background: -moz-linear-gradient(right, #86DAE7, #AEF2FD);
    background: linear-gradient(to right, #86DAE7, #AEF2FD);
}
.r-data-steps li:last-child{
    margin-right: 0;
}
.r-data-steps li.step2:before,
.r-data-steps li.step3:before,
.r-data-steps li.step4:before,
.r-data-steps li.step5:before{
    content: "";
    width: 27px;
    height: 50px;
    position: absolute;
    left: -22px;
    top: 0;
    background: url(../img/data-steps2.png) 0 0 no-repeat;
    background-size: 100%;
}
.r-data-steps li.step1:after,
.r-data-steps li.step2:after,
.r-data-steps li.step3:after,
.r-data-steps li.step4:after{
    content: "";
    width: 27px;
    height: 50px;
    position: absolute;
    right: -22px;
    top: 0;
    background: url(../img/data-steps1.png) 0 0 no-repeat;
    background-size: 100%;
}
.r-data-steps li.step2.active:before{
    background: url(../img/data-steps4.png) 0 0 no-repeat;
    background-size: 100%;
}
.r-data-steps li.step3.active:before{
    background: url(../img/data-steps6.png) 0 0 no-repeat;
    background-size: 100%;
}
.r-data-steps li.step4.active:before{
    background: url(../img/data-steps8.png) 0 0 no-repeat;
    background-size: 100%;
}
.r-data-steps li.step5.active:before{
    background: url(../img/data-steps10.png) 0 0 no-repeat;
    background-size: 100%;
}
.r-data-steps li.step1.active:after{
    background: url(../img/data-steps3.png) 0 0 no-repeat;
    background-size: 100%;
}
.r-data-steps li.step2.active:after{
    background: url(../img/data-steps5.png) 0 0 no-repeat;
    background-size: 100%;
}
.r-data-steps li.step3.active:after{
    background: url(../img/data-steps7.png) 0 0 no-repeat;
    background-size: 100%;
}
.r-data-steps li.step4.active:after{
    background: url(../img/data-steps9.png) 0 0 no-repeat;
    background-size: 100%;
}
.r-data-steps li:hover{
    opacity: .8;
}

.perc-size{
    width: 50px;
    height: 25px;
    line-height: 25px;
    background: #000;
    color: #fff;
    font-size: 12px;
    text-align: center;
    opacity: 0.5;
    position: absolute;
}
.perc-size:before{
    content: "";
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-right: 8px solid #000;
    border-bottom: 5px solid transparent;
    position: absolute;
    left: -8px;
    top: 8px;
}
.data-details-wrapper .icon-data-retract {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -40px;
}

.firstAnimate{
    opacity: .8;
    position: relative;
    left: -125px;
    top: -1px;
    transform: scale(.9);

}
.firstAnimate .spread {
    z-index: 1;
    position: absolute;
    top: 0;
    right:0;
    width: 578px;
    height: 578px;
    border-radius: 289px;
    border: 1px solid #023256;
    background-color: rgba(16, 36, 87, 0.2);
    -webkit-animation: firstBanner 3s linear infinite;
    animation: firstBanner 3s linear infinite;
}

.firstAnimate .rotate {
    z-index: 10;
    position: absolute;
    top: 0;
    right: 0;
    width: 578px;
    height: 578px;
    border-radius: 289px;
    border: 1px solid #023256;
}

.firstAnimate .thirdImg {
    z-index: 10;
    position: absolute;
    margin-top: -196.5px;
    margin-left: -196.5px;
    top: 50%;
    left: 50%;
    width: 393px;
    height: 393px;
    border-radius: 196.5px;
    border: 1px solid #0c5679;
}

.firstAnimate .thirdImg .borderImg {
    position: absolute;
    top: 43.5px;
    left: 43.5px;
}

.firstAnimate .thirdImg .logoImg {
    position: absolute;
    top: 50px;
    left: 38px;
}

.firstAnimate .dockerImg {
    z-index: 1;
    position: absolute;
    margin-top: -42.5px;
    margin-left: -42.5px;
    top: 50%;
    left: 50%;
    width: 85px;
    height: 85px;
    text-align: center;
    border-radius: 42.5px;
    background-color: rgba(22, 73, 126, 0.5);
    -webkit-animation: firstBannerDocker 45s linear infinite;
    animation: firstBannerDocker 45s linear infinite;
}

.firstAnimate .dockerImg img {
    margin-top: 24px;
}

.firstAnimate .ksImg {
    z-index: 1;
    position: absolute;
    margin-top: -42.5px;
    margin-left: -42.5px;
    top: 50%;
    left: 50%;
    width: 64px;
    height: 64px;
    text-align: center;
    border-radius: 42.5px;
    background-color: rgba(18, 71, 123, 0.5);
    -webkit-animation: firstBannerks 45s linear infinite;
    animation: firstBannerks 45s linear infinite;
}

.firstAnimate .ksImg img {
    margin-top: 11px;
}

.firstAnimate .trImg {
    z-index: 1;
    position: absolute;
    margin-top: -42.5px;
    margin-left: -42.5px;
    top: 50%;
    left: 50%;
    width: 85px;
    height: 85px;
    text-align: center;
    border-radius: 42.5px;
    background-color: rgba(22, 73, 126, 0.5);
    -webkit-animation: firstBannertr 45s linear infinite;
    animation: firstBannertr 45s linear infinite;
}

.firstAnimate .trImg img {
    margin-top: 17px;
}

.firstAnimate .containerIcon {
    z-index: 20;
    position: absolute;
    margin-top: -10px;
    margin-left: -10px;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    font-size: 12px;
    color: #FFFFFF;
    -webkit-animation: firstBannerContainerIcon 30s linear infinite;
    animation: firstBannerContainerIcon 30s linear infinite;
}

.spinIcon {
    position: relative;
    width: 18px;
    height: 18px;
}

.firstAnimate .containerIcon p {
    display: block;
    margin-top: 8px;
    margin-left: -20px;
    width: 60px;
    color: #60e8f8;
}

.firstAnimate .cicdIcon {
    z-index: 20;
    position: absolute;
    margin-top: -10px;
    margin-left: -10px;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    font-size: 12px;
    color: #FFFFFF;
    -webkit-animation: firstBannerCicdIcon 30s linear infinite;
    animation: firstBannerCicdIcon 30s linear infinite;
}

.spinIcon .topSpin {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    animation: spinTopIcon 1s linear infinite;
    background-color: #39afd5;
}

.spinIcon .middleSpin {
    position: absolute;
    margin-top: -5px;
    margin-left: -5px;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background-color: #3276a7;
}

.spinIcon .bottomSpin {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    animation: spinBottomIcon 1s linear infinite;
    background-color: #39afd5;
}

.firstAnimate .cicdIcon p {
    display: block;
    margin-top: -18px;
    margin-left: -1px;
    width: 70px;
    color: #60e8f8;
    transform: rotate(-90deg);
}

.firstAnimate .serviceIcon {
    z-index: 20;
    position: absolute;
    margin-top: -10px;
    margin-left: -10px;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    font-size: 12px;
    color: #FFFFFF;
    -webkit-animation: firstBannerServiceIcon 30s linear infinite;
    animation: firstBannerServiceIcon 30s linear infinite;
}

.firstAnimate .serviceIcon p {
    display: block;
    margin-top: -43px;
    margin-left: -50px;
    width: 120px;
    color: #60e8f8;
    transform: rotate(-180deg);
}

.firstAnimate .devIcon {
    z-index: 20;
    position: absolute;
    margin-top: -10px;
    margin-left: -10px;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    font-size: 12px;
    color: #FFFFFF;
    -webkit-animation: firstBannerDevIcon 30s linear infinite;
    animation: firstBannerDevIcon 30s linear infinite;
}
.firstAnimate .devIcon p{
    display: block;
    margin-top: -15px;
    margin-left: -39px;
    width: 50px;
    color: #60e8f8;
    transform: rotate(-270deg);
}

.secondAnimate{
    opacity: .8;
    position: relative;
    top:240px;
    transform: scale(.9);

}
.secondAnimate .spinIconFirst {
    position: absolute;
    top: -170px;
    left: 80px;
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
}
.secondAnimate .spinIconSecond {
    position: absolute;
    top: -160px;
    left: 180px;
    -webkit-transform: scale(0.3, 0.3);
    transform: scale(0.3, 0.3);
}
.secondAnimate .spinIconThird {
    position: absolute;
    top: -200px;
    right: 50px;
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
}
.secondAnimate .spinIconForth {
    position: absolute;
    top: -115px;
    right: -30px;
    -webkit-transform: scale(0.7, 0.7);
    transform: scale(0.7, 0.7);
}
.secondAnimate .spinIconFifth {
    position: absolute;
    top: 135px;
    right: 180px;
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
}
.secondAnimate .innerImg {
    position: absolute;
    margin-top: -141px;
    margin-left: -155.5px;
    top: 50%;
    left: 50%;
    width: 311px;
    height: 282px;
    opacity: .4;
}
.secondAnimate .outterImg {
    z-index: 1;
    position: absolute;
    margin-top: -193.5px;
    margin-left: -324.5px;
    top: 50%;
    left: 50%;
    width: 675px;
    height: 387px;
}
.secondAnimate .u_p3d {
    -webkit-transform-style: preserve-3d !important;
    transform-style: preserve-3d !important;
}
.secondAnimate .ui_base {
    position: absolute;
    width: 400px;
    height: 0;
    left: 95px;
    top: -150px;
    -webkit-perspective: 1000px;
    -webkit-perspective-origin: 50% 0;
    perspective: 1000px;
    perspective-origin: 50% 0;
}
.secondAnimate .base {
    -webkit-transform: rotateX(80deg) rotateY(-10deg);
    transform: rotateX(80deg) rotateY(-10deg);
    position: relative;
    width: 684px;
    height: 342px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-animation: secondBannerLittleCircle 30s linear 0s infinite;
    animation: secondBannerLittleCircle 30s linear 0s infinite;
}
.secondAnimate .u_p3d {
    z-index: 15;
    -webkit-transform-style: preserve-3d !important;
    transform-style: preserve-3d !important;
}

.secondAnimate .ball_base {
    -webkit-transform-origin: 342px 0;
    transform-origin: 342px 0;
    position: absolute;
    top: 175px;
    left: -50px;
    width: 225px;
    height: 127px;
}
.secondAnimate .ball_1 {
    -webkit-transform: rotateX(-90deg) rotateY(90deg) translateY(-60px);
    transform: rotateX(-90deg) rotateY(90deg) translateY(-60px);
}
.secondAnimate .ball {
    -webkit-transition: all 2s ease-out 0;
    transition: all 2s ease-out 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    position: absolute;
    width: 90px;
    height: 90px;
    line-height: 90px;
    text-align: center;
    background-size: 100% 100%;
    left: 0;
    top: 0;
    color: rgba(255, 255, 255, 0);
    font-size: 12px;
    opacity: 1;
    overflow: hidden;
}
.secondAnimate .ball {
    color: #fff;
    opacity: 1;
}
.secondAnimate .ball_1 .ball {
    -webkit-animation: secondBannerFirstIcon 30s linear 0s infinite;
    animation: secondBannerFirstIcon 30s linear 0s infinite;
}
.secondAnimate .ball_1 .imgBox {
    opacity: 0.8;
    z-index: 20;
    width: 70px;
    height: 70px;
    border-radius: 35px;
    text-align: center;
    background-color: #066c92;
}
.secondAnimate .ball_2 {
    -webkit-transform: rotateX(-90deg) rotateY(180deg) translateY(-60px);
    transform: rotateX(-90deg) rotateY(180deg) translateY(-60px);
}
.secondAnimate .ball_2 .ball {
    -webkit-animation: secondBannerSecondIcon 30s linear 0s infinite;
    animation: secondBannerSecondIcon 30s linear 0s infinite;
}
.secondAnimate .ball_2 .imgBox {
    opacity: 0.8;
    width: 70px;
    height: 70px;
    border-radius: 35px;
    text-align: center;
    background-color: #066c92;
}
.secondAnimate .ball_3 {
    -webkit-transform: rotateX(-90deg) rotateY(270deg) translateY(-60px);
    transform: rotateX(-90deg) rotateY(270deg) translateY(-60px);
}
.secondAnimate .ball_3 .ball {
    -webkit-animation: secondBannerThirdIcon 30s linear 0s infinite;
    animation: secondBannerThirdIcon 30s linear 0s infinite;
}
.secondAnimate .ball_3 .imgBox {
    opacity: 0.8;
    width: 70px;
    height: 70px;
    border-radius: 35px;
    text-align: center;
    background-color: #066c92;
}
.secondAnimate .ball_4 {
    -webkit-transform: rotateX(-90deg) rotateY(360deg) translateY(-60px);
    transform: rotateX(-90deg) rotateY(360deg) translateY(-60px);
}
.secondAnimate .ball_4 .ball {
    -webkit-animation: secondBannerForthIcon 30s linear 0s infinite;
    animation: secondBannerForthIcon 30s linear 0s infinite;
}
.secondAnimate .ball_4 .imgBox {
    opacity: 0.8;
    width: 70px;
    height: 70px;
    border-radius: 35px;
    text-align: center;
    background-color: #066c92;
}

.thirdAnimate{
    position: relative;
    transform: scale(.9);
    top: -30px;
    opacity: .8;
}
.thirdAnimate .lightImg {
    position: absolute;
    margin-left: -304px;
    left: 50%;
    top: 0;
    width: 576px;
    height: 328px;
    -webkit-animation: thirdBannerLight 2s linear infinite;
    animation: thirdBannerLight 2s linear infinite;
}
.thirdAnimate .boxImg {
    position: absolute;
    margin-left: -273.5px;
    left: 50%;
    top: 255px;
    width: 565px;
    height: 289px;
}
.thirdAnimate .firstIcon {
    position: absolute;
    margin-left: -120px;
    top: 200px;
    left: 50%;
    -webkit-animation: thirdBannerIcon 2s linear infinite;
    animation: thirdBannerIcon 2s linear infinite;
    -webkit-animation-delay: 100ms;
    animation-delay: 100ms;
}
.thirdAnimate .secondIcon {
    position: absolute;
    margin-left: -10px;
    top: 180px;
    left: 50%;
    -webkit-animation: thirdBannerIcon 2s linear infinite;
    animation: thirdBannerIcon 2s linear infinite;
    -webkit-animation-delay: 300ms;
    animation-delay: 300ms;
}
.thirdAnimate .thirdIcon {
    position: absolute;
    margin-left: 80px;
    top: 100px;
    left: 50%;
    -webkit-animation: thirdBannerIcon 2s linear infinite;
    animation: thirdBannerIcon 2s linear infinite;
    -webkit-animation-delay: 500ms;
    animation-delay: 500ms;
}
.thirdAnimate .forthIcon {
    position: absolute;
    margin-left: -130px;
    top: 130px;
    left: 50%;
    -webkit-animation: thirdBannerIcon 2s linear infinite;
    animation: thirdBannerIcon 2s linear infinite;
    -webkit-animation-delay: 800ms;
    animation-delay: 800ms;
}
.thirdAnimate .fifthIcon {
    position: absolute;
    margin-left: 0;
    top: 80px;
    left: 50%;
    -webkit-animation: thirdBannerIcon 2s linear infinite;
    animation: thirdBannerIcon 2s linear infinite;
    -webkit-animation-delay: 500ms;
    animation-delay: 500ms;
}
.thirdAnimate .sixthIcon {
    position: absolute;
    margin-left: -200px;
    top: 60px;
    left: 50%;
    -webkit-animation: thirdBannerIcon 2s linear infinite;
    animation: thirdBannerIcon 2s linear infinite;
}
.thirdAnimate .spinIconFirst {
    position: absolute;
    top: 240px;
    left: 30px;
    -webkit-transform: scale(0.6, 0.6);
    transform: scale(0.6, 0.6);
}
.thirdAnimate .spinIconSecond {
    position: absolute;
    top: 320px;
    left: -50px;
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
}
.thirdAnimate .spinIconThird {
    position: absolute;
    top: 460px;
    left: -300px;
    -webkit-transform: scale(0.7, 0.7);
    transform: scale(0.7, 0.7);
}
@keyframes spinTopIcon {
    0% {
        opacity: 0;
        transform: scale(1.5, 1.5);
    }
    100% {
        opacity: 1;
        transform: scale(0, 0);
    }
}

@keyframes spinBottomIcon {
    0% {
        opacity: 1;
        transform: scale(0, 0);
    }
    100% {
        opacity: 0;
        transform: scale(1.5, 1.5);
    }
}

@keyframes firstBanner {
    0% {
        opacity: 1;
        transform: scale(1, 1);
    }
    100% {
        opacity: 0;
        transform: scale(1.5, 1.5);
    }
}

@keyframes firstBannerDocker {
    0% {
        transform: rotate(0deg) translate(289px) rotate(0deg);
    }
    100% {
        transform: rotate(360deg) translate(289px) rotate(-360deg);
    }
}

@keyframes firstBannerks {
    0% {
        transform: rotate(120deg) translate(279px) rotate(0deg);
    }
    100% {
        transform: rotate(480deg) translate(279px) rotate(-360deg);
    }
}

@keyframes firstBannertr {
    0% {
        transform: rotate(240deg) translate(289px) rotate(0deg);
    }
    100% {
        transform: rotate(600deg) translate(289px) rotate(-360deg);
    }
}

@keyframes firstBannerContainerIcon {
    0% {
        transform: rotate(0deg) translate(196px) rotate(0deg);
    }
    100% {
        transform: rotate(360deg) translate(196px) rotate(-360deg);
    }
}

@keyframes firstBannerCicdIcon {
    0% {
        transform: rotate(90deg) translate(196px) rotate(0deg);
    }
    100% {
        transform: rotate(450deg) translate(196px) rotate(-360deg);
    }
}

@-webkit-keyframes firstBannerServiceIcon {
    0% {
        transform: rotate(180deg) translate(196px) rotate(0deg);
    }
    100% {
        transform: rotate(540deg) translate(196px) rotate(-360deg);
    }
}

@-webkit-keyframes firstBannerDevIcon {
    0% {
        transform: rotate(270deg) translate(196px) rotate(0deg);
    }
    100% {
        transform: rotate(630deg) translate(196px) rotate(-360deg);
    }
}
@-webkit-keyframes secondBannerLittleCircle {
    0% {
        transform: rotateX(80deg) rotateY(-10deg) rotateZ(0deg);
    }
    100% {
        transform: rotateX(80deg) rotateY(-10deg) rotateZ(-360deg);
    }
}
@keyframes secondBannerFirstIcon {
    0% {
        transform: rotateY(-90deg) rotateZ(10deg);
    }
    100% {
        transform: rotateY(-450deg) rotateZ(10deg);
    }
}
@keyframes secondBannerSecondIcon {
    0% {
        transform: rotateY(-180deg) rotateZ(10deg);
    }
    100% {
        transform: rotateY(-540deg) rotateZ(10deg);
    }
}
@keyframes secondBannerThirdIcon {
    0% {
        transform: rotateY(-270deg) rotateZ(10deg);
    }
    100% {
        transform: rotateY(-630deg) rotateZ(10deg);
    }
}
@keyframes secondBannerForthIcon {
    0% {
        transform: rotateY(-360deg) rotateZ(10deg);
    }
    100% {
        transform: rotateY(-720deg) rotateZ(10deg);
    }
}
@keyframes thirdBannerLight {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.3;
    }
    100% {
        opacity: 1;
    }
}
@keyframes thirdBannerIcon {
    0% {
        transform: translateY(0px);
    }
    25% {
        transform: translateY(3px);
    }
    50% {
        transform: translateY(0px);
    }
    75% {
        transform: translateY(-3px);
    }
    100% {
        transform: translateY(0px);
    }
}
/*��ֵˮ��*/
.water-package-box{
    margin: 0 10px;
    padding: 0 0 25px 0;
    border-bottom: 1px dashed #0CC;
}
.water-package-box .name{
    color: #000;
    font-size: 14px;
    line-height: 30px;
    text-align: left;
}
.water-package-list li{
    float: left;
    width: 30.9%;
    height: 120px;
    margin: 10px 8px;
    border: 1px solid #e3e3e3;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}
.water-package-list li:nth-child(4){
    width: 35%;
    margin: 10px 8px 10px 103px;
}
.water-package-list li:nth-child(5){
    width: 35%;
}
.water-package-list li .left{
    float: left;
    width: 50%;
    text-align: center;
    line-height: 120px;
    font-size: 14px;
    position: relative;
}
.water-package-list li .rec{
    position: absolute;
    left: 56px;
    bottom: 0;
    width: 30px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    text-align: center;
    background: #FF3D00;
    color: #fff;
    font-weight: bold;
}
.water-package-list li .type{
    display: inline-block;
    width: 56px;
    height: 18px;
    line-height: 18px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #bbb;
    color: #fff;
    font-size: 12px;
}
.water-package-list li .right{
    float: left;
    width: 49%;
    margin: 15px 0;
    height: 75px;
    text-align: center;
    padding-top: 15px;
    font-size: 12px;
    border-left: 1px dashed #e3e3e3;
}
.water-package-list li .price{
    color: #FF3D00;
    font-size: 26px;
    font-weight: bold;
}
.water-package-list li .tips{
    color: #9e9e9e;
}
.water-package-list li.active{
    border: 1px solid #678EC8;
}
.water-package-list li.active .type{
    background: #FF6000;
}
.water-package-list li.active .right{
    border-left: 1px dashed #678EC8;
}
.water-package-list li.active:before{
    content: "";
    width: 30px;
    height: 30px;
    background: url(../img/water-tick.png) 0 0 no-repeat;
    background-size: 100%;
    position: absolute;
    right: 1px;
    bottom: 1px;
}
/*������־*/
.college-wrapper{
    background: #f9f9f9;
    padding-bottom: 50px;
    font-family: "Microsoft YaHei";
}
.category-wrapper{
    padding-top: 5px;
}
.college-box{
    width: 1080px;
    margin: 0 auto;
    padding-top: 20px;
}
.category-video{
    margin-top: 0;
}
.captain-video{
    margin-top: 115px;
    box-shadow: 0 0 10px #ededed;
    background: #fff;
    border: 1px solid #ededed;
    border-radius: 4px;
}
.captain-video .college-box .category-list{
    margin: 30px 4% 10px;
}
.captain-video .college-box-list{
    margin-top: 30px;
    padding-left:50px;
}
.college-bg{
    background: #fff;
    border:1px solid #ededed;
    border-radius: 4px;
    box-shadow: 0 0 10px #ededed;
    min-height: 700px;
}
.college-box-list{
    min-height: 660px;
    margin-top: 99px;
}
.college-box-list li{
    float: left;
    width: 28%;
    padding: 8px;
    background: #fff;
    border: 1px solid #e4ecf3;
    margin: 0 10px 30px;
    border-radius: 2px;
}
.college-box-list li:hover{
    box-shadow: 0 0 10px #f0c6ab;
}
.captain-video .college-box-list .tit{
    width: 94%;
}
.college-box-list .tit{
    font-size: 14px;
    color: #444444;
    margin: 10px 0 0;
    padding: 0 10px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: "Microsoft YaHei";
}
.college-box-list .tit:hover{
    color: #ff6600;
}
.college-box-list .infor{
    font-size: 12px;
    margin: 5px 0 6px;
    opacity: .7;
    padding: 0 10px;

}
.college-box-list .video,
.college-box-list .msg{
    float: right;
    color: #444;
    transition:all 0s;
}
.college-box-list .video{
    margin-right: 15px;
}
.college-box-list .time{
    color: #444;
    transition:all 0s;
}

.college-box-list .course-box{
    overflow: hidden;
}
.college-box-list .course-box span{
    color: #fff;
    position: absolute;
    z-index: 1;
    font-size: 12px;
    padding: 0 8px;
    line-height: 22px;
    background: #000;
    opacity: .6;
    border-radius: 4px;
    font-style: normal;
    margin: 6px;
}
.college-box .college-main{
    margin-top: 99px;
}
.college-box .route{
    font-size: 12px;
    color: #666;
}
.college-box .route a{
    color: #666;
}
.college-box .route a:hover{
    color: #ff6600;
}
.college-box .route .tit{
    display: inline-block;
    width: 110px;
    vertical-align: top;
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.college-left{
    float: left;
    width: 730px;
}
.college-video-box{
    padding: 10px;
    background: #fff;
    margin-top: 10px;
    border:1px solid #e1e1e1;
}

.college-video-box .tit{
    width: 98%;
    color: #444444;
    font-size: 24px;
    margin: 12px 0 20px;
    padding: 0 1%;
}
.college-video-box .btn{
    padding-bottom: 15px;
    color: #999;
}

.college-video-box .oper{
    font-size: 12px;
    margin: 0 10px;
    float: left;
}
.college-video-box .oper .intro{
    position: relative;
    margin-right: 35px;
    cursor: pointer;
}
.college-video-box .oper .intro.active,
.college-video-box .oper .intro:hover{
    color: #ff6600;
}
.college-video-box .oper .intro:after{
    content: "";
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid #999;
    position: absolute;
    right: -12px;
    top: 6px;
}
.college-video-box .oper .intro:hover:after{
    border-top: 6px solid #ff6600;
}
.college-video-box .oper .intro.active:after{
    top: 5px;
    border-top: inherit;
    border-bottom: 6px solid #ff6600;
}
/*.college-video-box b:hover .college-video{
    background-position: -27px -81px;
}
.college-video-box b:hover .college-msg{
    background-position: -63px -100px;
}*/
.college-video-box .more{
    float: right;
    font-size: 12px;
    margin-right: 10px;
}
.college-video-box .msg{
    font-size: 12px;
    color: #444;
    margin: 0 10px;
    text-indent: 2em;
    padding: 18px 0 30px;
    border-top: 1px solid #e1e1e1;
    display: none;
}
.college-video-box .video-box iframe{
    width: 100% !important;
    height: 100% !important;
}
.college-right{
    width: 333px;
    float: right;
    position: relative;
    top: -10px;
}
.college-right .college-reco-box{
    margin-bottom: 40px;
}
.college-right .college-reco-box .tit{
    color: #fc7d6c;
    font-size: 22px;
    font-weight: bold;
    border-bottom: 3px solid #fc7d6c;
}
.college-right .college-reco-list{
    padding: 0 25px 10px;
    border: 1px solid #e1e1e1;
    border-top: 1px solid transparent;
    background: #fff;
}
.college-right .college-reco-list li{
    margin: 20px 0;
    padding-bottom: 15px;
    border-bottom: 1px dashed #e1e1e1;
}
.college-right .college-reco-list img{
    height: 158px;
}
.college-right .college-reco-list .msg{
    font-size: 12px;
    color: #444444;
    padding: 0 2px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.college-right .college-reco-list li:hover .msg{
    color: #fc7d6c;
}
.notice-list{
    margin: 30px 50px;
    padding: 20px 30px 35px;
    border: 1px solid #e4ecf3;
}
.notice-list:hover{
    box-shadow: 0 0 10px #f0c6ab;
}
.notice-list .notice-left{
    float: left;
    width: 30%;
}
.notice-list .time{
    font-size: 14px;
    line-height: 20px;
    color: #999;
    float: left;
}

.notice-list .swiper-button-next,
.notice-list .swiper-button-prev{
    display: inline-block;
    background-position: -450px -77px;
    width: 25px;
    height: 55px;
    top:50%;
    margin-top: -20px;
    background-color: rgba(00, 00, 00, 0.4);
    border-radius: 4px;
    transition:all .2s ease-in 0s;
    opacity: 0;
}
.notice-list .swiper-button-next{
    right: -1px;
}
.notice-list .swiper-button-prev{
    left: -1px;
}
.notice-list .swiper-button-next.swiper-button-disabled,
.notice-list .swiper-button-prev.swiper-button-disabled{
    cursor: no-drop;
    pointer-events:inherit;
}
.notice-list .swiper-button-next:after,
.notice-list .swiper-button-prev:after{
    content: "";
    width: 8px;
    height: 22px;
    background: url(../img/icon-dir.png) 0 0 no-repeat;
    position: absolute;
    left: 50%;
    top:50%;
    margin-left:-4px;
    margin-top: -11px;
}
.notice-list .swiper-button-prev:after{
    transform: rotate(180deg);
}
.notice-list .notice-cont:hover .swiper-button-prev,
.notice-list .notice-cont:hover .swiper-button-next{
    opacity: .8;
}
.notice-list .notice-cont .swiper-button-next:hover,
.notice-list .notice-cont .swiper-button-prev:hover{
    opacity: 1;
}
.notice-list .notice-cont .swiper-button-disabled:hover,
.notice-list .notice-cont:hover .swiper-button-disabled{
    opacity: .4;
}
.notice-list .notice-cont{
    float: left;
    width: calc(66% - 2px);
    height: 300px;
    float: right;
    color: #fff;
    margin-left: 4%;
    font-size: 14px;
    border: 1px solid #d4d4d4;
}
.notice-list .notice-cont img{
    width: 100%;
    height: 100%;
}
.notice-list .sidebar-nav{
    float: left;
    margin: 15px 0 0 70px;
    max-height: 250px;
    width: 75%;
    position: relative;
}
.notice-list .sidebar-nav .list{
    padding: 10px 20px;
    cursor: pointer;
}
.notice-list .sidebar-nav .list:hover{
    background: #f1f2f3;
}
.notice-list .sidebar-nav .tit{
    font-size: 14px;
    font-weight: bold;
    color: #595959;
}
.notice-list .sidebar-nav .cont{
    font-size: 12px;
    color: #949595;
    line-height: 18px;
    margin-left: 25px;
    display: none;
}
.notice-list .slash{
    font-size: 12px;
    vertical-align: text-top;
    color: #E5E4E4;
    font-weight:normal;
    margin: 0 5px;
}

.notice-list .sidebar-nav .active{
    background: #f1f2f3;
}
.notice-list .active .slash,
.notice-list .sidebar-nav .active .tit{
    color: #26cfe8;
}
.notice-list .sidebar-nav .active .cont{
    color: #fb8c42;
}
.college-page-box{
    text-align: center;
    margin: 60px 0 70px;

}
.college-page a{
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 33px;
    border-radius: 4px;
    border: 1px solid #9999b2;
    color: #9999b2;
    font-size: 12px;
    text-align: center;
    margin: 0 10px;
    cursor: pointer;
}
.college-page a.current,
.college-page a:hover{
    background: #26cfe8;
    color: #fff;
    border: 1px solid #26cfe8;
}
.college-page a#prePage,
.college-page a#nextPage{
    border: none;
    width: 50px;
}
.college-page a#firstPage,
.college-page a#lastPage{
    border: none;
    width: 30px;
}
.college-page a#prePage:hover,
.college-page a#nextPage:hover,
.college-page a#firstPage:hover,
.college-page a#lastPage:hover{
    color: #26cfe8;
    background: inherit;
}
.college-page .totalPages,
.college-page .totalSize{
    display: none;
}
.main-link-box{
    position: fixed;
    left: 0;
    top:20%;
    z-index: 999;
}
.main-link-box .link-close{
    width: 50px;
    height: 200px;
    cursor: pointer;
}
.main-link-box .link-close .layer{
    display: inline-block;
    width: 100%;
    height: 100%;
    background: #3c5c81;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
.main-link-box .link-close .msg{
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
}
.main-link-box .link-close .name{
    font-size: 22px;
    color: #deebfa;
    line-height: 48px;
    padding-top: 14px;
    writing-mode:tb-rl;
    letter-spacing: 20px;
}
.main-link-box .link-close .btn{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #2888a8;
    color: #fff;
    padding: 0;
    height: 24px;
    line-height: 26px;
    border: none;
    border-bottom-right-radius: 6px;
}
.main-link-box .link-show{
    position: absolute;
    left: -302px;
    top: 0;
}
.main-link-box .link-show .head{
    display: inline-block;
    width: 302px;
    height: 140px;
    background: url(../img/link-bg.png) 0 0 no-repeat;
    background-size: 100%;
}
.main-link-box .link-show .btn{
    position: absolute;
    top:0;
    right: 0;
    border: none;
    background:none;
}
.main-link-box .link-box{
    width: 96%;
    position: relative;
    top:-4px;
    border-bottom-right-radius: 8px;
    background: -webkit-linear-gradient(#9cb1c3, #c3cdd8);
    background: linear-gradient(#9cb1c3, #c3cdd8);

}
.main-link-box .link-list{
    padding: 20px 0 20px;
    margin-left: 6px;
}
.main-link-box .link-list li{
    float: left;
    width: 80px;
    margin: 0 6px;
}
.main-link-box .link-list img{
    width: 80px;
    border: 1px solid transparent;
}
.main-link-box .link-list li:hover img{
    border: 1px solid #4cc0d2;
}
.main-link-box .link-list .name{
    font-size: 12px;
    text-align: center;
    color: #036d7d;
    font-weight: bold;
}
.main-link-box .more{
    display: inline-block;
    width: 100%;
    height: 46px;
    line-height: 46px;
    color: #fff;
    text-align: center;
    background: -webkit-linear-gradient(#4cc0d2, #37a5b6);
    background: linear-gradient(#4cc0d2, #37a5b6);
    border-bottom-right-radius: 8px;
}
.main-link-box .more:hover{
    opacity: .8;
}
.wrapper {
    font-family: "Microsoft YaHei";
}
.cont-copy {
    position: relative;
    cursor: pointer;
}

.copy-btn {
    display: inline-block;
    padding: 2px 11px;
    border-radius: 3px;
    border: 1px solid #dddddd;
    background: #ebebeb;
    color: #464a50;
    position: absolute;
    left: 30%;
    top: -18px;
    cursor: pointer;
    z-index: 10;
    white-space: nowrap;
    display: none;
}

.copy-btn:hover {
    background: #fff;
}
.shuangshiyi{
    position: absolute;
    left: 180px;
    top: -12%;
}
/*����*/
.claim-bg{
    width: 100%;
    padding-bottom: 10%;
    background: #f9f8f8 url(../img/claim/head.png) 0 0 no-repeat;
    background-size: 100%;
}
.claim-new-cbg {
    background-color: #f5f5f5;
    text-align: center;
}
.claim-new-cimg {
    width: 63.2%
}
.claim-new-cimgb {
    margin-bottom: 40px
}
.claim-bg .cont{
    padding: 7% 10% 0;
    color: #fff;
}
.claim-bg .tit{
    font-size: 4.5vw;
    letter-spacing: 10px;
}
.claim-bg .tit-m{
    font-size: 2.3vw;
    margin: 1vw 0;
    letter-spacing: 2px;
}
.claim-bg .msg{
    font-size: 1.1vw;
    width: 62%;
    line-height: 1.8vw;
    letter-spacing: 2px;
}
.claim-bg .btn,
.claim-content1 .btn{
    display: inline-block;
    padding: .7vw 1.6vw;
    background: #1ea8bd;
    color: #fff;
    font-size: 1.4vw;
    border:none;
    border-top-left-radius: 2vw;
    border-bottom-right-radius: 2vw;
    margin-top: 1.5vw;
    box-shadow: 2px 2px 6px #236685;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.claim-bg .btn:before,
.claim-content1 .btn:before,
.claim-content3 .msg .btn:before,
.claim-content7 .btn:before{
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center, ellipse, #236685 0%, transparent 80%);
    background: radial-gradient(ellipse at center, #236685 0%, transparent 80%);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;
}
.claim-bg .btn:hover,
.claim-content1 .btn:hover,
.claim-content3 .msg .btn:hover,
.claim-content7 .btn:hover{
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}
.claim-bg .btn:hover:before,
.claim-content1 .btn:hover:before,
.claim-content3 .msg .btn:hover:before,
.claim-content7 .btn:hover:before {
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
}

.claim-content .title{
    font-size: 3vw;
    text-align: center;
    padding-top: 1vw;
    color: #222;
    position: relative;
}
.claim-content .title:after{
    content: "";
    width: 0;
    height: 0;
    border-left: .4vw solid transparent;
    border-right: .4vw solid transparent;
    border-top: .6vw solid #1da1b5;
    position: absolute;
    left: 50%;
    bottom:-.8vw;
    margin-left: -.4vw;
}
.claim-content {
    text-align: center;
}
.claim-content .title .line{
    display: inline-block;
    width: 24vw;
    height: 4px;
    background: #1fa2b6;
    vertical-align: middle;
}
.claim-content .title .left{
    background: linear-gradient(to right, #fff , #1fa2b6);
}
.claim-content .title .right{
    background: linear-gradient(to left, #fff , #1fa2b6);
}
.claim-content1{
    background:#f9f8f8;
    padding-bottom: 5vw;
}
.claim-content1 .title .left{
    background: linear-gradient(to right, #f9f8f8 , #1fa2b6);
}
.claim-content1 .title .right{
    background: linear-gradient(to left, #f9f8f8 , #1fa2b6);
}
.claim-content1 .list{
    display: inline-block;
    width: 60%;
    margin: 4vw auto 0;
    min-width: 1000px;
}
.claim-content1 .list li{
    float: left;
    width: 33.3%;
    position: relative;
}
.claim-content1 .box{
    display: inline-block;
    width: 80%;
    height: 230px;
    background: #fff;
    border-top-left-radius: 2vw;
    border-bottom-right-radius: 2vw;
    box-shadow: 0 0 6px #e9e7e7;
    position: relative;
    overflow: hidden;
}
.claim-content1 .box:hover{
    transition:all .2s ease-in 0s;
    transform: scale(1.02);
    box-shadow: 0 0 10px #ccc;
}
.claim-content1 .btn-right{
    display: inline-block;
    width: 2vw;
    height: 4vw;
    background: url(../img/claim/btn-right.png) 0 0 no-repeat;
    background-size: 100%;
    position: absolute;
    right: -1vw;
    top:40%;
}
.claim-content1 .msg{
    display: inline-block;
    width: 92%;
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: left;
    padding:4%;
    font-size: .9vw;
}
.claim-content1 li:nth-child(1) .msg{
    background: #f8a02e;
    height: 1.3vw;
}
.claim-content1 li:nth-child(2) .msg{
    padding:2% 4%;
    background: #21bad1;
    height: 2.6vw;
}
.claim-content1 li:nth-child(3) .msg{
    padding:4%;
    background: #fe8d95;
    height: 2.9vw;
    line-height: 1.6vw;
}
.claim-content1 .icon-step{
    display: inline-block;
    width: 5vw;
    height: 5vw;
    position: absolute;
    left: 54%;
    top: 40%;
    transform: translate(-50%,-50%);
}
.claim-content1 .icon-step1{
    background: url(../img/claim/icon-step1.png) 0 0 no-repeat;
    background-size: 100%;
}
.claim-content1 .icon-step2{
    background: url(../img/claim/icon-step2.png) 0 0 no-repeat;
    background-size: 100%;
}
.claim-content1 .icon-step3{
    background: url(../img/claim/icon-step3.png) 0 0 no-repeat;
    background-size: 100%;
}
.claim-content1 .num{
    font-weight: bold;
    position: absolute;
    font-size: 2.2vw;
    left: .2vw;
}
.claim-content1 li:nth-child(1) .num{
    bottom: 1.9vw;
    color: #f8a02e;
}
.claim-content1 li:nth-child(2) .num{
    bottom: 2.6vw;
    color: #21bad1;
}
.claim-content1 li:nth-child(3) .num{
    bottom: 3.5vw;
    color: #fe8d95;
}
.claim-content1 .btn{
    margin-bottom: 1.5vw;
}
.claim-content1 .tip{
    color: #09547d;
    font-size: .9vw;
    line-height: 2vw;
}
.claim-content2{
    width: 100%;
    padding: 9vw 0 8vw 0;
    background: url(../img/claim/bg.png) 0 0 no-repeat;
    background-size: 100%;
    margin-top: -6vw;
}
.claim-content2 .title{
    color: #fff;
}
.claim-content2 .title:after{
    border-top: .6vw solid #fff;
}
.claim-content2 .title .left{
    background: linear-gradient(to left, #fff , #2792b7);
}
.claim-content2 .title .right{
    background: linear-gradient(to right, #fff , #2792b7);
}
.claim-content2 .coop{
    width: 16%;
    margin-top: 2vw;
}
.claim-content2 .msg{
    color: #fff;
    font-size: 1.6vw;
    line-height: 3.2vw;
}
.claim-content2 .imp{
    width: 50%;
    margin: 1.6vw auto 0;
    font-size: 2vw;
    color: #1f6982;
    padding:.5vw 1vw 1vw;
    background: linear-gradient(to right, rgba(39,146,183,.4) ,rgba(999,999,999,.3),rgba(39,146,183,.4));
    line-height: 3vw;
}
.claim-content3{
    position: relative;
}
.claim-content3:before{
    content: "";
    width: 15vw;
    height: 8vw;
    background: url(../img/claim/left-shadow.png) 0 0 no-repeat;
    background-size: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.claim-content3:after{
    content: "";
    width: 8vw;
    height: 18vw;
    background: url(../img/claim/right-shadow.png) 0 0 no-repeat;
    background-size: 100%;
    position: absolute;
    right: 0;
    top: 25vw;
}
.claim-content3 .cont{
    display: inline-block;
    width: 60%;
    margin-top: 1vw;
    min-width: 875px;
    position: relative;
}
.claim-content3 .cont-list{
    position: relative;
    z-index: 2;
}
.claim-content3 .cont-list li{
    float: left;
    width: 25%;
    margin-top: 5vw;
}
.claim-content3 .box{
    width: 8vw;
    height: 8vw;
    border-radius: 50%;
    margin: auto;
    box-shadow: 0 0 10px #eee;
    background:#fff;
    position: relative;
}
.claim-content3 .canvas{
    width: 7.5vw;
    height: 7.5vw;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    display: none;
}
.claim-content3 .circle{
    display: inline-block;
    width: 7vw;
    height: 5.5vw;
    padding-top: 1.5vw;
    margin-top: .5vw;
    border-radius: 50%;
    border:1px solid #1b93a6;
}
.claim-content3 .claim-icon{
    display: inline-block;
    width: 4vw;
    height: 4vw;
}
.claim-content3 .claim-icon1{
    background: url(../img/claim/claim-icon01.png) 0 0 no-repeat;
    background-size: 100%;
}
.claim-content3 .claim-icon2{
    background: url(../img/claim/claim-icon02.png) 0 0 no-repeat;
    background-size: 100%;
}
.claim-content3 .claim-icon3{
    background: url(../img/claim/claim-icon03.png) 0 0 no-repeat;
    background-size: 100%;
}
.claim-content3 .claim-icon4{
    background: url(../img/claim/claim-icon04.png) 0 0 no-repeat;
    background-size: 100%;
}
.claim-content3 .claim-icon5{
    background: url(../img/claim/claim-icon05.png) 0 0 no-repeat;
    background-size: 100%;
}
.claim-content3 .claim-icon6{
    background: url(../img/claim/claim-icon06.png) 0 0 no-repeat;
    background-size: 100%;
}
.claim-content3 .claim-icon7{
    background: url(../img/claim/claim-icon07.png) 0 0 no-repeat;
    background-size: 100%;
}
.claim-content3 .claim-icon8{
    background: url(../img/claim/claim-icon08.png) 0 0 no-repeat;
    background-size: 100%;
}

.claim-content3 .name{
    color: #09547d;
    font-weight: bold;
    font-size: 1vw;
    margin: 1vw 0;
}
.claim-content3 .line1{
    width: 4vw;
    height: 16vw;
    background: url(../img/claim/line1.png) 0 0 no-repeat;
    background-size: 100%;
    position: absolute;
    left: 1vw;
    top: 9vw;
}
.claim-content3 .line2{
    width: 4vw;
    height: 16vw;
    background: url(../img/claim/line2.png) 0 0 no-repeat;
    background-size: 100%;
    position: absolute;
    right: 1vw;
    bottom: -9vw;
    z-index: 1;
}
.claim-content3 .line3{
    width: 71%;
    height: 8vw;
    background: url(../img/claim/line3.png) 0 0 no-repeat;
    background-size: 100%;
    position: absolute;
    left: 8vw;
    top: 6vw;
}
.claim-content3 .line4{
    width: 74%;
    height: 8vw;
    background: url(../img/claim/line4.png) 0 0 no-repeat;
    background-size: 100%;
    position: absolute;
    left: 8vw;
    bottom: 4vw;
}
.claim-content3 .scene{
    width: 100%;
    padding-bottom: 5vw;
    /*height: 11.5vw;*/
    padding-top: 2vw;
    margin-top: 3vw;
    background: #1da1b5 url(../img/claim/bg2.png) 0 100% no-repeat;
    background-size: 100%;
    text-align: center;
    color: #fff;
    position: relative;
}
.claim-content3 .msg p{
    padding-left: 20%;
    line-height: 2.2vw;
    font-size: 1.4vw;
    text-align: left;
}
.claim-content3 .more{
    display: inline-block;
    width: 75vw;
    line-height: 2vw;
    margin: 1vw auto;
    text-align: left;
    font-size: 1vw;
    display: none;
}
.claim-content3 .more li{
    float: left;
}
.claim-content3 .more li:nth-child(even){
    width: 42%;
}
.claim-content3 .more li:nth-child(odd){
    width: 40%;
    margin-left: 10%;
    padding-right: 5%;
}
.claim-content3 .more li.tip{
    font-size: .9vw;
    margin-top: 2rem;
    width: 100%;
    padding: 0;
    text-align: center;
}
.claim-content3 .more li:nth-child(1),
.claim-content3 .more li:nth-child(2){
    padding-top: 1vw;
    border-top: 1px dashed #fff;
}
.claim-content3 .msg .btn,
.claim-content7 .btn {
    display: inline-block;
    padding: .8vw 2.5vw;
    font-size: 1.4vw;
    border-top-left-radius: 2vw;
    border-bottom-right-radius: 2vw;
    background: #fff;
    color:#1da1b5;
    position: absolute;
    right: 15%;
    top: 2.4vw;
    box-shadow: 2px 2px 6px #236685;
    z-index: 2;
}
.claim-content4{
    background: #f5f5f7;
    padding-bottom: 3vw;
    position: relative;
    top:-.1vw;
}
.claim-content4 .title .left{
    background: linear-gradient(to right, #f5f5f7 , #1fa2b6);
}
.claim-content4 .title .right{
    background: linear-gradient(to left, #f5f5f7 , #1fa2b6);
}
.claim-content4 .tip{
    color: #09547d;
    font-size: 1.6vw;
    margin-top: 3vw;
}
.claim-content4 .cont{
    width: 55%;
    margin: 4vw auto 0;
    min-width: 1000px;
    position: relative;
}
.claim-content4 .cont .pk{
    position: absolute;
    left: 50%;
    top: 2%;
    width: 15%;
    transform: translate(-50%,-50%);
    z-index: 1;
}
.claim-content4 .cont .left{
    float: left;
    width: 50%;
    border-top-left-radius: 3vw;
    color: #fff;
    position: relative;
    background: linear-gradient(to bottom, #23c2da ,#1da6ba);
    box-shadow: 0 8px 6px -1px #cfeff6;
}
.claim-content4 .cont .right{
    float: left;
    width: 50%;
    border-bottom-right-radius: 3vw;
    color: #666;
    position: relative;
    background: #a7abac;
    box-shadow: 0 8px 6px -1px #e6e6e8;
}
.claim-content4 .cont li{
    text-align: left;
    padding:1vw 0;
    position: relative;
}
.claim-content4 .left li:nth-child(even),
.claim-content4 li:nth-child(even) .icon-wrap{
    background: #1a97aa;
}
.claim-content4 .right li:nth-child(odd),
.claim-content4 li:nth-child(odd) .icon-wrap{
    background: #BBC6C7;
}
.claim-content4 .cont .head{
    text-align: center;
}
.claim-content4 .cont .h2{
    height: 2.5vw;
}
.claim-content4 .icon1{
    display: inline-block;
    width: 5vw;
    height: 6vw;
    background:url(../img/claim/icon1.png) 0 0 no-repeat;
    background-size: 100%;
}
.claim-content4 .icon2{
    display: inline-block;
    width: 5vw;
    height: 5vw;
    margin-top: 1vw;
    background:url(../img/claim/icon2.png) 0 0 no-repeat;
    background-size: 100%;
}
.claim-content4 .name{
    font-size: 1.8vw;
    margin: 0.2vw 0 0.6rem;
    letter-spacing: 3px;
}
.claim-content4 .dot{
    display: inline-block;
    width: 1.2vw;
    height: 2.8vw;
    background:url(../img/claim/dot.png) 0 0 no-repeat;
    background-size: 100%;
    position: absolute;
    left: 2vw;
    top: 1vw;
}
.claim-content4 .right .dot{
    background:url(../img/claim/dot2.png) 0 0 no-repeat;
    background-size: 100%;
    top: initial;
    left: initial;
    right: 2vw;
    bottom: 1vw;
}
.claim-content4 .icon-true,
.claim-content4 .icon-error{
    display: inline-block;
    width: 1vw;
    height: 1vw;
    min-width: 15px;
    min-height: 15px;
    background:url(../img/claim/icon-true.png) 0 0 no-repeat;
    background-size: 100%;
    margin: .1vw .5vw 0 3vw;
    float: left;
}
.claim-content4 .icon-error{
    background:url(../img/claim/icon-error.png) 0 0 no-repeat;
    background-size: 100%;
}
.claim-content4 .cont .msg{
    font-size: .9vw;
    float: left;
    max-width: 75%;
    position: relative;
}
.claim-content4 .icon-safe,
.claim-content4 .icon-danger{
    display: inline-block;
    width: 3vw;
    height: 3vw;
    position: absolute;
    right: -3vw;
    top: -1.6vw;
}
.claim-content4 .icon-safe{
    background:url(../img/claim/safe.png) 0 0 no-repeat;
    background-size: 100%;
}
.claim-content4 .icon-danger{
    background:url(../img/claim/danger.png) 0 0 no-repeat;
    background-size: 100%;
}
.claim-content4 .big .icon-true,
.claim-content4 .big .icon-error{
    margin-top: .6vw;
}
.claim-content4 .big .msg{
    font-size: 1.6vw;
}
.claim-content4 .right .h2{
    padding-top: 1.6vw;
    height: 1.9vw;
}
.claim-content4 .icon-wrap{
    display: inline-block;
    width: 2.5vw;
    height: 2.5vw;
    line-height: 3.4vw;
    border-radius: 50%;
    position: absolute;
    left: -1.25vw;
    top:50%;
    text-align: center;
    transform: translate(0,-50%);
}

.claim-content4 .icon-msg{
    display: inline-block;
    width: 1.6vw;
    height: 1.6vw;
}
.claim-content4 .icon-msg1{
    background:url(../img/claim/icon-msg1.png) 0 0 no-repeat;
    background-size: 100%;
    width: 1.5vw;
}
.claim-content4 .icon-msg2{
    background:url(../img/claim/icon-msg2.png) 0 0 no-repeat;
    background-size: 100%;
    width: 1.5vw;
    height: 1.4vw;
}
.claim-content4 .icon-msg3{
    background:url(../img/claim/icon-msg3.png) 0 0 no-repeat;
    background-size: 100%;
    width: 1.5vw;
    height: 1.5vw;
}
.claim-content4 .icon-msg4{
    background:url(../img/claim/icon-msg4.png) 0 0 no-repeat;
    background-size: 100%;
}
.claim-content4 .icon-msg5{
    background:url(../img/claim/icon-msg5.png) 0 0 no-repeat;
    background-size: 100%;
}
.claim-content5{
    background: #f5f5f7;
    position: relative;
    top:-.1vw;
}
.claim-content5 .swiper-container{
    margin-top: 3vw;
    height: 27vw;
    position: relative;
}
.claim-content5 .swiper-container:after{
    content: "";
    width: 100%;
    height: 7.6vw;
    background:url(../img/claim/bg3.png) 0 0 no-repeat;
    background-size: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}
.claim-content5 .swiper-slide {
    border-right: 1px solid #25cee7;
}
.claim-content5 .swiper-slide .layer{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(89, 180, 207, 0.4);
    opacity: 0;
}
.claim-content5 .swiper-slide:hover .layer{
    animation:fade-in 1s;
    animation-fill-mode: forwards;
}
@keyframes fade-in {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

.claim-content5 .swiper-slide .mag{
    display: inline-block;
    width: 2vw;
    height: 3vw;
    background:url(../img/claim/mag.png) 0 0 no-repeat;
    background-size: 100%;
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%,-50%);
}
.claim-content6 .ques-list{
    display: inline-block;
    width: 55%;
    min-width: 800px;
    margin-top: 4vw;
    text-align: left;
}
.claim-content6 .ques-list li{
    margin-bottom: 2vw;
}
.claim-content6 .ques-list p{
    margin: 1vw 0;
    line-height: 1.2vw;
    position: relative;
}
.claim-content6 .ques-list .ser{
    display: inline-block;
    width: 1.6vw;
    height: 1.6vw;
    line-height: 1.6vw;
    text-align: center;
    border-radius: 50%;
    background: #0c444d;
    color: #fff;
    font-size: 1vw;
    position: absolute;
    left: -2.2vw;
    top: -.2vw;
}
.claim-content6 .ques-list .ser.a{
    background: #178191;
}
.claim-content6 .ques-list .ques{
    font-size: 1vw;
    font-weight: bold;
}
.claim-content6 .ques-list .ans{
    font-size: .85vw;
}
.claim-content6 .cont{
    width: 100%;
    height: 27vw;
    background:url(../img/claim/bg4.png) 0 100% no-repeat;
    background-size: 100%;
}
.claim-content6 .phone-box{
    width: 60%;
    margin: 3vw auto 0;
}
.claim-content6 .img,
.claim-content6 .code{
    float: left;
    width: 50%;
}
.claim-content6 .code{
    width: 40%;
    margin: 6vw 0 0 10%;
    text-align: left;
    font-size: 1.2vw;
    color: #333;
    line-height: 1.8vw;
}
.claim-content7{
    width: 100%;
    height: 8.2vw;
    background:url(../img/claim/footer.png) 0 0 no-repeat;
    background-size: 100%;
    color: #fff;
    text-align: left;
}
.claim-content7 .msg{
    font-size: 2.2vw;
    margin-left: 20%;
    padding: 1.2vw 0 .2vw;
    font-weight: bold;
    letter-spacing: .6vw;
}
.claim-content7 .tip{
    font-size: 1.8vw;
    margin-left: 20%;
    letter-spacing: .6vw;
}
.claim-content7 .btn{
    right: 23%;
}


/*���������°�*/
.new-redesign{
    min-width: 1300px;
}
.new-redesign .about-bg .top-cont h1{
    font-size: 72px;
    font-weight: bold;
    letter-spacing: 5px;
}
.new-redesign .about-bg .top-cont h2{
    font-size: 54px;
    font-weight: bold;
    letter-spacing: 5px;
}
.new-redesign .about-bg .top-cont h3{
    font-size: 36px;
    letter-spacing: 8px;
}
.new-card .main-content .title{
    font-size: 42px;
    color: #27b8d0;
    font-weight: bold;
    letter-spacing: 12px;
    margin-top: 30px;
}
.operating-tools{
    position: relative;
    margin-top: 70px;

}
.operating-tools h1{
    font-size: 24px;
    font-weight: bold;
    color: #1c3544;
    letter-spacing: 4px;
    text-align: center;
}
.operating-tools p{
    font-size: 18px;
    color: #333333;
    margin-top: 15px;
    letter-spacing: 3px;
    line-height: 30px;
}
.company-profile{
    width: 760px;
    text-align: center;
    margin: 60px auto;
}
.institutions{
    position: relative;
}
.institutions span{
    width: 266px;
    height: 103px;
    background-color: #fff;
    box-shadow: 0 0 15px rgba(153,153,153,0.25);
    line-height: 135px;
    display: inline-block;
    cursor: pointer;
    transform: translate(0,0);
    transition: all .2s ease-in 0s;
}
.institutions span:hover{
    position: relative;
    z-index: 999;
    box-shadow: 0 0 20px rgba(41,195,190,0.4);
    transform: translateY(-10px) scale(1.04);
    -moz-transform: translateY(-10px) scale(1.04);
    -webkit-transform: translateY(-10px) scale(1.04);
    -ms-transform: translateY(-10px) scale(1.04);
    -o-transform: translateY(-10px) scale(1.04);
}
.company-profile .institutions{
    margin-top: 40px;
}
.institutions span:first-child{
    margin-right: 25px;
}
.institutions span:last-child{
    margin-left: 25px;
}
.institutions a:last-child img{
    padding: 10px;
}
.process-reason{
    position: relative;
    max-width: 1300px;
    margin: 25px auto;
    height: 889px;
}

.select-reason{
    position: relative;
    background: url(../img/flow.png);
    width: 682px;
    height: 0;
    /*height: 889px;*/
    float: right;
    margin-right: 55px;
}
.process-reason.animate .select-reason{
    animation:selectH 2s;
    animation-fill-mode: forwards;
    -webkit-animation:selectH 2s linear;
    -webkit-animation-fill-mode:forwards;
}
@-webkit-keyframes selectH {
    0% {
        height: 0;
    }
    100% {
        height: 889px;
    }
}
.group.animate .group-img{
    animation:selectH 2s;
    animation-fill-mode: forwards;
    -webkit-animation:selectH 2s linear;
    -webkit-animation-fill-mode:forwards;
}
@-webkit-keyframes selectH {
    0% {
        height: 0;
    }
    100% {
        height: 912px;
    }
}
.growth.animate .growth-track{
    animation:selectH 2s;
    animation-fill-mode: forwards;
    -webkit-animation:selectH 2s linear;
    -webkit-animation-fill-mode:forwards;
}
@-webkit-keyframes selectH {
    0% {
        height: 0;
    }
    100% {
        height: 1205px;
    }
}
.growth.animate .trajectory{
    animation:select 1s;
    animation-fill-mode: forwards;
    -webkit-animation:select 1s linear;
    -webkit-animation-fill-mode:forwards;
}
@-webkit-keyframes select {
    0% {
        height: 0;
    }
    100% {
        height: 122px;
    }
}

.select-reason span{
    font-weight: bold;
    font-size: 30px;
    color: #fff;
    float: left;
    margin: 45px 35px;
    letter-spacing: 5px;
}
.four-terms{
    position: absolute;
    top: 218px;
    width: 1300px;
}
.terms-ul li{
    float: left;
    width: 276px;
    height: 389px;
    border-radius: 5px;
    margin-left: 45px;
    text-align: center;
    cursor: pointer;
}

.terms-ul li:first-child{
    margin-left: 30px;
}
.terms-ul li:hover{
    box-shadow: 0 0 20px rgba(41,195,190,0.4);
    position: relative;
    z-index: 999;
    transform: translateY(-10px) scale(1.04);
    -moz-transform: translateY(-10px) scale(1.04);
    -webkit-transform: translateY(-10px) scale(1.04);
    -ms-transform: translateY(-10px) scale(1.04);
    -o-transform: translateY(-10px) scale(1.04);
}
.terms-ul li h1{
    font-weight: bold;
    font-size: 24px;
    color: #333333;
    letter-spacing:3px;
    margin-top: 25px;
}
.terms-ul li:hover h1{
    color: #26b6ce;
}

.terms-ul li p{
    font-size: 15px;
    color: #333333;
    letter-spacing: 3px;
    margin: 25px 0 50px 0
}
.terms-ul li img{
    margin-top: 80px;
}
.terms-ul li img.security{
    margin-top: 40px;
}
.team{
    position: relative;
    background: #27B8D0;
    width: 100%;
    height: 912px;
    margin-top: -125px;
}
.team .group{
    position: relative;
    width: 1300px;
    margin: 0 auto;
    height: 100%;
}
.group .group-img{
    background: url(../img/team.png);
    width: 392px;
    /*height: 912px;*/
    position: absolute;
    right: 0;
    margin-right: 55px;
}
.group-img span{
    font-weight: bold;
    font-size: 30px;
    color: #fff;
    position: absolute;
    left: 55px;
    top: 130px;
    letter-spacing: 5px;
}
.team-introduce{
    position: absolute;
    float: right;
    margin-right: 500px;
    right: 0;
    top: 100px;

}
.team-introduce p{
    font-size: 18px;
    color: #fff;
    text-align: right;
    line-height: 33px;
}
.shuffling{
    position: absolute;
    width: 900px;
    height: 530px;
    top: 315px;
    left: 200px;
}

.swiper-container {
    width: 100%;
    height: 100%;
}
.shuffling .swiper-slide{
    background-size: 100% 100%;
}
.shuffling .swiper-button-next, .shuffling .swiper-button-prev{
    width: 46px;
    height: 83px;
    background: none;
    position: absolute;
}
.shuffling .swiper-button-next{
    background-image: url(../img/button-next.png);
    right: -70px;
}
.shuffling .swiper-button-prev{
    background-image: url(../img/button-prev.png);
    left: -70px;
}
.shuffling .swiper-slide img{
    position: absolute;
    left: 50%;
    top:50%;
    transform: translate(-50%,-50%);
}
.team>img{
    position: absolute;
    right: 0;
}
.growth{
    position: relative;
    width: 1300px;
    margin: 0 auto;
    min-height: 500px;
    height: 1200px;
}
.trajectory{
    background: url(..//img/growth.png);
    width: 561px;
    /*height: 122px;*/
    position: relative;
    top: -92px;
    float: right;
    margin-right: 55px;
}
.trajectory span{
    font-size: 30px;
    color: #1c3544;
    text-align: center;
    letter-spacing: 5px;
    font-weight: bold;
    margin-left: -100px;
    margin-top: 60px;
    float: left;
}
.growth-track{
    position: relative;
    background: url(../img/track.png);
    width: 154px;
    /*height: 972px;*/
    margin: 92px auto 0;
}
.growth-ul li h1{
    font-weight: bold;
    font-size: 24px;
    color: #1c3544;
    letter-spacing: 5px;
}
.growth-ul li p{
    font-size: 18px;
    color: #333333;
    letter-spacing: 4px;
    white-space:nowrap;
}
.growth-ul{
    top: 160px;
    position: absolute;
    margin-left: 180px;
}
.growth-ul li{
    margin-bottom: 188px;
    text-align: left;
}
.growth-ul.growth-left{
    right: 175px;
    margin-top: 125px;
}
.growth-left li{
    text-align: right;
    margin-bottom: 182px;
}
.more-select{
    position: relative;
    margin: 45px auto 0;
}
.more-select h1{
    font-weight: bold;
    font-size: 30px;
    color: #1c3544;
    text-align: center;
}
.select-ul{
    max-width: 1200px;
    margin: 50px auto 0;
}
.select-ul li{
    float: left;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    /*line-height: 200px;*/
    letter-spacing: 5px;
    width: 400px;
    height: 200px;
    overflow: hidden;
    cursor: pointer;
}
.select-ul li img{
    transition: all .3s ease-in 0s;
    width: 100%;
    height: 100%;
}
.select-ul li img:hover{
    transform: scale(1.15);
}
.select-ul li .users{
    background-color: #5D62B5;
    width: 400px;
    height: 120px;
    padding-top: 80px;
}
.select-ul li .sales{
    background-color: #F2726F;
    width: 400px;
    height: 120px;
    padding-top: 80px;
}
.select-ul li .cooperation{
    background-color: #78BBF3;
    width: 400px;
    height: 140px;
    padding-top: 60px;
}
.select-ul li:hover p{
    font-size: 26px;
    transition: all .3s ease-in 0s;
}
.footer-base{
    position: relative;
    height: auto;
    margin-top: 95px;
    min-width: 1300px;
    background: #1c3544;
    overflow: hidden;
}
.footer-base .base-content{
    width: 47%;
    float: left;
}
.footer-base .footer-message{
    background-color: #1C3544;
    width: 53%;
}
.footer-message .message-left{
    padding: 40px;
    float: left;
}
.footer-message .message-right{
    float: right;
    margin-top: 93px;
    margin-right: 6%;
}
.message-left img{
    margin: 10px 0 20px;
}
.message-left p{
    font-size: 18px;
    color: #fff;
    text-align: left;
    line-height: 40px;
}
.message-left p label{
    text-align-last:justify;
    text-align:justify;
    text-justify:distribute-all-lines;
    width: 80px;
    display: inline-block;
}
.message-right p{
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    margin-bottom: 10px;
}
.footer-base .footer-map{
    height: 100%;
    background-color: #fff;
    height: 462px;
}
.footer-map .BMap_stdMpCtrl,
.footer-map .anchorTL,
.footer-map .anchorBL,
.footer-map .anchorTR{
    display: none;
}
.footer-map .BMap_bubble_content{
    font-size: 15px;
    color: #333;
    cursor: pointer;
    margin-top: 20px;
}
.footer-map .BMap_bubble_content b{
    font-weight: bold;
    margin: 0;
    font-size: 14px;
}
.new-redesign .about-bg .top-cont{
    padding-left: 0;
    margin-top: 120px;
}
.new-redesign .about-bg .top-cont h3{
    margin-top: 0;
}
.shuffling .swiper-container {
    height: 477px;
    overflow: hidden;
    margin-top: 38px;
}







/*����Ӧ*/
@media screen and (max-width: 1920px) and (min-width: 1601px) {
    .system-head-nav > li {
        margin-left: 35px
    }
    .new-redesign .about-bg .top-cont{
        margin-top: 160px;
    }
    .new-card .main-content .title{
        margin-top: 88px;
    }
}

@media screen and (max-width: 1600px) and (min-width: 1451px) {
    .system-head-nav {
        right: 220px;
    }
    .system-head-nav > li {
        margin-left: 40px;
        padding: 25px 10px;
    }
    .time-box {
        margin: 10px 0 0 80px;
    }
    .main-graph .wave {
        margin: 45px 0 0 130px;
    }
    .main-monitor .cont {
        font-size: 16px;
        margin: 18px 20px 0 36px;
    }
    .main-monitor .b-size {
        font-size: 30px;
    }
    .about-bg .top-cont {
        margin: 110px auto 140px;
    }
    .about-bg .top-cont h1 {
        font-size: 85px;
    }
    .about-bg .top-cont h3 {
        font-size: 32px;
    }
    .banner-list,
    .banner-list .banner {
        width: 400px;
        height: 304px;
    }
    .main-article {
        height: 284px;
    }
    .help-guide {
        width: 800px;
        min-height: 612px;
    }
    .help-guide .index {
        padding: 120px 0 0px 0;
    }
    .help-guide .index h3 {
        margin-top: 25px;
        font-size: 52px;
    }
    .help-guide .index .help-list {
        margin-top: 30px;
        line-height: 40px;
        font-size: 16px;
        padding: 0 0 150px 0;
    }
    .pay-Result {
        left: 250px;
    }
    .main-article .article-list .art {
        width: 58%;
    }
    .pay-guide-wrapper .pay-guide-box{
        transform: scale(.9);
    }
    .open-acc-steps li b{
        margin-left: 10%;
    }
    .shop-bg .cont{
        margin-top: 65px;
    }
    .shop-bg .cont h3{
        font-size: 88px;
    }
    .ll-bg .cont{
        margin-top: 60px;
    }
    .ll-box02 .cont{
        margin-top: -25px;
        width: 72%;
    }
    .ll-box03 .step-list{
        margin: 10px auto 0;
    }
    .ll-box03 .step-list .msg{
        font-size: 16px;
        width: 260px;
    }
    .ll-layer-box{
        transform: scale(.9) translate(-50%,-50%);
    }
    .account-msg .msg{
        font-size: 25px;
    }
    .graph-option2{
        left: 15px;
    }
    .graph-option2 li{
        left: 33%;
    }
    .consBanner .price-box{
        margin: 20px 0;
    }
    .cons-list{
        transform: scale(.9);
        margin: 60px auto 140px;
        padding-left: 4px;
    }
    .consfirm-list{
        transform: scale(.9);
        margin: 40px auto 0;
    }
    .consPrice-card{
        transform: scale(.9);
        margin: 60px auto;
    }
    .cons-footer p{
        margin: 65px 0 20px;
    }
    .cons-footer a{
        font-size: 22px;
    }
    .cons-footer a:before{
        top: 17px;
    }
    .ll-box02 .tit{
        margin: 20px 0 0 0;
    }
    .group-card-list li .cont-copy{
        width: 50%;
    }
    .claim-content1 .box{
        height: 210px;
    }
    .footer-message .message-left{
        padding: 40px 0 0 30px;
    }
    .message-left p{
        font-size: 16px;
    }
}

@media screen and (max-width: 1450px) and (min-width: 1361px) {
    .system-head-nav {
        right: 220px;
    }
    .footer-message .message-left{
        padding: 40px 0 0 30px;
    }
    .system-head-nav > li {
        margin-left: 20px;
        padding: 25px 5px;
    }
    .time-box {
        margin: 10px 5% 0;
    }
    .pay-tips {
        width: 850px;
        height: 500px;
    }
    .main-graph .wave {
        margin: 45px 0 0 110px;
    }
    .question-banner h1,
    .terms-banner h1,
    .link-banner h1 {
        font-size: 90px;
    }
    .main-monitor .cont {
        font-size: 14px;
        margin: 18px 20px 0 20px;
    }
    .main-monitor .b-size {
        font-size: 26px;
    }
    .about-bg .top-cont {
        margin: 110px auto 140px;
    }
    .new-redesign .about-bg .top-cont {
        padding-left: 0
    }
    .about-bg .top-cont h1 {
        font-size: 80px;
    }
    .about-bg .top-cont h3 {
        font-size: 30px;
    }
    .about-box {
        width: 1100px;
    }
    .about-box li {
        margin: 0 33px;
    }
    .main-content .family {
        width: 800px;
    }
    .banner-list,
    .banner-list .banner {
        width: 350px;
        height: 266px;
    }
    .main-article {
        height: 246px;
    }
    .help-guide {
        width: 800px;
        min-height: 613px;
    }
    .help-guide .index {
        padding: 100px 0 0px 0;
    }
    .help-guide .index h3 {
        margin-top: 25px;
        font-size: 52px;
    }
    .help-guide .index .help-list {
        margin-top: 30px;
        line-height: 40px;
        font-size: 16px;
        padding: 0 0 150px 0;
    }
    .pay-Result {
        left: 172px;
    }
    .main-article .article-list .art {
        width: 54%;
    }
    .system-menu .adapt-type dd {
        margin-right: 30px;
    }
    .main-article .article-list li {
        line-height: 30px;
    }

    .guide-box{
        left: 33%;
        transform: scale(.9);
    }
    .guide-cont h3{
        font-size: 16px;
    }
    .guide-cont p{
        font-size: 13px;
    }
    .guide-cont .guide-btn{
        margin: 6px 30px 0 0;
    }
    .pay-guide-wrapper .pay-guide-box{
        transform: scale(.9);
    }
    .open-acc-steps li b{
        margin-left: 10%;
    }
    .shop-bg .cont{
        margin-top: 65px;
    }
    .shop-bg .cont h3{
        font-size: 86px;
    }
    .ll-bg .cont{
        margin-top: 30px;
    }
    .ll-box02 .cont{
        margin-top: -35px;
        width: 75%;
    }
    .ll-box03 .step-list{
        margin:-10px auto 0;
    }
    .ll-box03 .step-list .msg{
        font-size: 16px;
        width: 260px;
    }
    .ll-layer-box{
        transform: scale(.9) translate(-55%,-55%);
    }
    .notice-box{
        width: 240px;
    }
    .notice-box p.infor{
        margin-top: 110px;
    }
    .account-msg .msg{
        font-size: 23px;
    }
    .graph-option2{
        left: 15px;
    }
    .graph-option2 li{
        width: 33%;
    }
    .consBanner .price-box{
        margin: 15px 0;
    }
    .cons-list{
        transform: scale(.85);
        margin: 30px auto 140px;
        padding-left: 4px;
    }
    .consfirm-list{
        transform: scale(.85);
        margin: 20px auto 0;
    }
    .consPrice-card{
        transform: scale(.9);
        margin: 60px auto;
    }
    .cons-footer p{
        margin: 60px 0 15px;
    }
    .cons-footer a{
        font-size: 21px;
    }
    .cons-footer a:before{
        top: 16px;
    }
    .ll-box02 .tit{
        margin: 10px 0 0 0;
    }
    .group-card-list li .cont-copy{
        width: 45%;
    }
    .ques-content{
        width: 75%;
    }
    .college-box .category-list{
        margin: 50px 3% 20px;
    }
    .college-search-label{
        width: 100%;
    }
    .college-box .category-list dd.search {
        margin-right: 3%;
    }
    .price-bg .cont{
        width:1600px;
    }
    .price-bg .cont .tit{
        padding: 120px 40px 0 0;
    }
    .home-price-content{
        top:-130px;
    }
    .home-price-infor{
        width: 75%;
    }
    .main-card .func-bg{
        height: 340px;
    }
    .func-bg .cont{
        height: 270px;
        bottom: 20px;
    }
    .func-tab-list .name{
        font-size: 14px;
    }
    .home-card .material-bg{
        height: 280px;
    }
    .claim-content1 .box{
        height: 200px;
    }
    .claim-content1 .msg,
    .claim-content1 .tip,
    .claim-content4 .cont .msg{
        font-size: 1vw;
    }
    .claim-content4 .big .msg{
        font-size: 1.6vw;
    }
    .claim-content4 .cont li{
        padding: 1.5vw 0;
    }
    .claim-content4 .right .h2{
        padding-top: 2.1vw;
    }
    .claim-content6 .ques-list p{
        margin: 1.5vw 0;
    }
    .claim-content6 .ques-list .ser{
        width: 1.8vw;
        height: 1.8vw;
        line-height: 1.8vw;
        font-size: 1.2vw;
        left: -2.5vw;
    }
    .claim-content6 .ques-list .ques{
        font-size: 1.2vw;
        letter-spacing: 1px;
    }
    .claim-content6 .ques-list .ans{
        font-size: 1vw;
        letter-spacing: 1px;
    }
    .footer-base .base-content{
        width: 45%;
    }
    .footer-base .footer-message{
        width: 55%;
    }
    .message-left p{
        font-size: 16px;
    }
}

@media screen and (max-width: 1360px){
    .system-head-nav {
        right: 190px;
    }
    .footer-message .message-left{
        padding: 40px 0 0 30px;
    }

    .system-head-nav > li {
        margin-left: 10px;
        padding: 25px 10px;
    }
    .time-box {
        margin: 10px 5% 0;
    }
    .pay-tips {
        width: 750px;
        height: 400px;
    }
    .main-graph .wave {
        margin: 45px 0 0 100px;
    }
    .question-banner h1,
    .terms-banner h1,
    .link-banner h1 {
        font-size: 90px;
    }
    .main-monitor .cont {
        font-size: 14px;
        margin: 18px 20px 0 20px;
    }
    .main-monitor .b-size {
        font-size: 23px;
    }
    .about-bg .top-cont {
        margin: 110px auto 140px;
    }
    .about-bg .top-cont h1 {
        font-size: 75px;
    }
    .about-bg .top-cont h3 {
        font-size: 28px;
    }
    .about-box {
        width: 1000px;
    }
    .about-box li {
        margin: 0 15px;
    }
    .main-content .family {
        width: 800px;
    }
    .banner-list,
    .banner-list .banner {
        width: 330px;
        height: 250px;
    }
    .main-article {
        height: 230px;
    }
    .help-guide {
        width: 800px;
        min-height: 600px;
    }
    .help-guide .index {
        padding: 100px 0 0px 0;
    }
    .help-guide .index h3 {
        margin-top: 20px;
        font-size: 48px;
    }
    .help-guide .index .help-list {
        margin-top: 30px;
        line-height: 40px;
        font-size: 14px;
        padding: 0 0 140px 0;
    }
    .pay-Result {
        left: 93px;
    }
    .account-cont .desc-code {
        font-size: 12px;
    }
    .main-article .article-list .art {
        width: 54%;
    }
    .system-menu .adapt-type dd {
        margin-right: 30px;
    }
    .main-article .article-list li {
        line-height: 30px;
    }
    .guide-box{
        left: 33%;
        transform: scale(.85);
    }
    .guide-step .arrow{
        width: 30px;
    }
    .guide-cont h3{
        font-size: 16px;
    }
    .guide-cont p{
        font-size: 13px;
    }
    .guide-cont .guide-btn{
        margin: 6px 30px 0 0;
    }
    .pay-guide-wrapper .pay-guide-box{
        transform: scale(.8);
    }
    .open-acc-steps li b{
        margin-left: 10%;
    }
    .shop-bg .cont{
        margin-top: 35px;
    }
    .shop-bg .cont h3{
        font-size: 86px;
    }
    .ll-bg .cont{
        margin-top: 10px;
    }
    .ll-box02 .cont{
        margin-top: -40px;
        width: 82%;
    }
    .ll-box03 .step-list{
        margin:-20px auto 0;
    }
    .ll-box03 .step-list .msg{
        font-size: 16px;
        width: 260px;
    }
    .ll-box04 .infor {
        width: 975px;
    }
    .ll-box04 .infor img{
        width: 200px;
    }
    .ll-box04 .infor-left .cont {
        margin: 30px 0 0 90px;
    }
    .ll-layer-box{
        transform: scale(.9) translate(-55%,-55%);
    }
    .notice-box{
        width: 240px;
    }
    .notice-box p.infor{
        margin-top: 110px;
    }
    .account-msg .msg{
        font-size: 22px;
    }
    .graph-option2{
        left: 15px;
    }
    .graph-option2 li{
        width: 33%;
    }
    .consBanner .price-box{
        margin: 10px 0;
    }
    .cons-list{
        transform: scale(.85);
        margin: 30px auto 140px;
        padding-left: 4px;
    }
    .consfirm-list{
        transform: scale(.85);
        margin: 20px auto 0;
    }
    .consPrice-card{
        transform: scale(.9);
        margin: 60px auto;
    }
    .cons-footer p{
        margin: 60px 0 12px;
    }
    .cons-footer a{
        font-size: 20px;
    }
    .cons-footer a:before{
        top: 16px;
    }
    .ll-box02 .tit{
        margin: 10px 0 0 0;
    }
    .group-card-list li .cont-copy{
        width: 42%;
    }
    .ques-content{
        width: 78%;
    }
    .college-box .category-list{
        margin: 50px 3% 20px;
    }
    .college-box .category-list dd.elem{
        margin: 0 0 20px 1%;
    }
    .college-search-label{
        width: 100%;
    }
    .college-box .category-list dd.search {
        margin-right: 3%;
    }
    .price-bg .cont{
        width:1600px;
    }
    .price-bg .cont .tit{
        padding: 120px 40px 0 0;
    }
    .home-price-content{
        top:-130px;
    }
    .home-price-infor{
        width: 80%;
    }
    .main-card .func-bg{
        height: 340px;
    }
    .func-bg .cont{
        height: 270px;
        bottom: 20px;
    }
    .func-tab-list .name{
        font-size: 14px;
    }
    .home-card .material-bg{
        height: 280px;
    }
    .claim-content1 .box{
        height: 200px;
    }
    .claim-content1 .msg,
    .claim-content1 .tip,
    .claim-content4 .cont .msg{
        font-size: 1vw;
    }
    .claim-content4 .big .msg{
        font-size: 1.6vw;
    }
    .claim-content4 .cont li{
        padding: 1.5vw 0;
    }
    .claim-content4 .right .h2{
        padding-top: 2.1vw;
    }
    .claim-content6 .ques-list p{
        margin: 1.5vw 0;
    }
    .claim-content6 .ques-list .ser{
        width: 1.8vw;
        height: 1.8vw;
        line-height: 1.8vw;
        font-size: 1.2vw;
        left: -2.5vw;
    }
    .claim-content6 .ques-list .ques{
        font-size: 1.2vw;
        letter-spacing: 1px;
    }
    .claim-content6 .ques-list .ans{
        font-size: 1vw;
        letter-spacing: 1px;
    }
    .footer-base .base-content{
        width: 45%;
    }
    .footer-base .footer-message{
        width: 55%;
    }
    .message-left p{
        font-size: 14px;
    }
}
.product_fun{
    margin: 10px;
}
.product_fun .list{
    justify-content: space-between;   
    display: flex;
    flex-wrap: wrap;
}
.product_fun .list>li{
    border: solid 2px #F0F0F0;
    border-radius: 2px;
    padding: 0 10px;
    width: 32.4%;
    height: 80px;
    float: left;   
    box-sizing: border-box;
    font-size: 12px;
    display: flex;
    align-items: center;
    margin-bottom: 18px;  
    transition: none;
}
.product_fun .list>li:hover{
    background:#27B8D0;
    border: solid 2px #27B8D0;
}
.product_fun .list>li:hover h3,.product_fun .list>li:hover h5{
    color:#fff;   
}
.product_fun .list>li a{
   width: 100%;
}
.product_fun .list>li a i{
    display: inline-block;
    float: left;
    margin: 11px 8px  0 0;    
    width: 26px;
    height: 27px;  
 }
.product_fun .list>li a h3{
    color:#333;
    font-size: 16px;
}
.product_fun .list>li a h5{
    color:#999;
    margin-top: 8px;
}
.captainBiFreeBox{
    padding: 40px 0 40px;
    position: relative;
    margin: 30px 0 25px;
}
.product_fun>h4{
    position: relative;
    font-size: 12px;
    color: #999;
    margin-top: 20px;
    padding-top: 20px;
}
.product_fun>h4::before,.captainBiFreeBox::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    border-bottom: 1px solid #F0F0F0;
    width: 100%;
    box-shadow: 0 2px 10px rgba(0,0,0,0.4);
}
.captainBiFreeBox::after{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    border-bottom: 1px solid #F0F0F0;
    width: 100%;
    box-shadow: 0 2px 10px rgba(0,0,0,0.4);
 }
.product_fun .list .item .icon14{
    background: url(../img/newHome/icon14.png)no-repeat;
    background-size: 100%;   
}
.product_fun .list .item:hover .icon14{
    background: url(../img/newHome/icon_on14.png) no-repeat;   
    background-size: 100%;
}
.product_fun .list .item .icon4{
    background: url(../img/newHome/icon4.png) no-repeat;
    background-size: 100%;   
}
.product_fun .list .item:hover .icon4{
    background: url(../img/newHome/icon_on4.png) no-repeat;   
    background-size: 100%;
}
.product_fun .list .item .icon9{
    background: url(../img/newHome/icon9.png) no-repeat;
    background-size: 100%;   
}
.product_fun .list .item:hover .icon9{
    background: url(../img/newHome/icon_on9.png) no-repeat;   
    background-size: 100%;
}
.product_fun .list .item .icon22{
    background: url(../img/newHome/icon22.png) no-repeat;
    background-size: 100%;    
}
.product_fun .list .item:hover .icon22{
    background: url(../img/newHome/icon_on22.png) no-repeat;   
    background-size: 100%;
}
.product_fun .list .item .icon11{
    background: url(../img/newHome/icon11.png) no-repeat;
    background-size: 100%;  
    margin-top: 14px;
}
.product_fun .list .item:hover .icon11{
    background: url(../img/newHome/icon_on11.png) no-repeat;   
    background-size: 100%;
}
.product_fun .list .item .icon7{
    background: url(../img/newHome/icon7.png) no-repeat;
    background-size: 100%;   
}
.product_fun .list .item:hover .icon7{
    background: url(../img/newHome/icon_on7.png) no-repeat;   
    background-size: 100%;
}
.product_fun .tab{
    width: 96px;
    color: #26CFE8;
    font-size: 17px;
    color: #26cfe8;
    text-align: center;
    font-weight: bold;
    border-bottom: 2px solid #26cfe8;
    letter-spacing: 2px;
    margin-bottom: 8px;
}
.product_fun p .captainBiFreeWrap{
    width: 100%;
}
@media screen and (max-width: 1000px) {
    .system-head {
        width: 980px;
        position: relative;
    }
    .system-box {
        margin: 15px 10px 30px;
    }
    .ll-box04 .infor {
        width: 975px;
    }
    .ll-box04 .infor img{
        width: 200px;
    }
    .bigdata-box.system-box{
        margin: 0 0 30px;
    }
}

@media screen and (max-height: 680px) {
    .main-manage .cont {
        margin: 10px 20px;
    }
    .material-sidebar.fixed{
        top: 116px;
    }
    .material-sidebar{
        min-height: 410px;
    }
    .material-sidebar .cont{
        margin: 25px 0 20px;
    }
}


.home-card.vers_2 .about-bg{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    background: url(../img/about-bg2.png) center top no-repeat;
    background-size: 100%;
}
.home-card.vers_2 .about-bg .top-cont{
    text-align: left;
}
.cont-box{
    width: 1240px;
    text-align: center;
    margin: 60px auto;
    margin-bottom: 100px;
}
.cont-box .introduce-img{
    width: 190px;
    height: 320px;
    float: left;
    margin-top: 40px;
}
.cont-box .company-intr{
    float: right;
    margin-left: 50px;
    width: 820px;
}
.cont-box .company-intr p{
    font-size: 20px;
    color: #313131;
    text-align: left;
    font-family: "Microsoft YaHei";
    line-height: 35px;
    letter-spacing: 2px;
}
.cont-box .company-intr .introduce-text{
    text-indent: 44px;
}
.cont-box .company-intr .introduce-tenet{
    margin-top: 50px;
    line-height: 30px;
}
.cont-box img{
    width: 100%;
    height: 100%;
}
.cont-box .box-middle .introduce{
    padding: 50px 0 50px 50px;
}
.cont-box .company-ul li{
    float: left;
    width: 385px;
    height: 250px;
    border-radius: 5px;
    margin-right: 40px;
    text-align: center;
}
.cont-box .company-ul li:nth-child(3n){
    margin-right: 0;
}
.home-card .part03{
    overflow: hidden;
    position: relative;
    background: url(../img/part03-bg.png) center no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 830px;
}
.cont-box .box-middle .title{
    font-size: 42px;
    color: #ffffff;
    font-weight: bold;
    letter-spacing: 12px;
}
.cont-box .terms-ul li{
    margin-left: 100px;
    height: inherit;
    background: #fff;
}
.part03 .cont-box .terms-ul li img{
    width: 199px;
    height: 192px;
}
.cont-box .terms-ul li:hover{
    box-shadow: 0 0 20px #1a627a;
}
.cont-box .four-terms{
    margin-top: 100px;
    position: relative;
    top: inherit;
    width: 100%;
}
/* part04 */
.home-card .part04{
    overflow: hidden;
    position: relative;
    background: #ffffff;
    background-size: 100%;
    width: 100%;
    height: 830px;
}
.cont-box .title.title-blue{
    color: #127E9C;
}
.part04 .company-voyage{
    position: relative;
    background: url(../img/part04-voyage.png) center top no-repeat;
    background-size: 50%;
    width: 100%;
    height: 7000px;
    margin-top: 130px;
    left: 40px;
}
.cont-box .voyage-box{
    position: absolute;
}
.cont-box .voyage-box img{
    width: 60px;
    height: 60px;
    float: left;
}
.voyage-box .voyage-box-text{
    float: left;
}
.voyage-box .voyage-box-text h1{
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 10px;
}
.voyage-box .voyage-box-text p{
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 2px;
}
.cont-box .voyage-box:nth-child(7) img{
    height: 130px;
    width: 200px;
}
.cont-box .voyage-box:nth-child(7){
    right: 140px;
    top: -125px;
}
.cont-box .voyage-box:nth-child(6){
    left: 720px;
    top: 25px;
    text-align: left;
}
.cont-box .voyage-box:nth-child(6) .voyage-box-text{
    margin-left: 20px;
    margin-top: 20px;
}
.cont-box .voyage-box:nth-child(5){
    right: 635px;
    top: 0;
    text-align: right;
}
.cont-box .voyage-box:nth-child(5) .voyage-box-text{
    margin-right: 30px;
}
.cont-box .voyage-box:nth-child(5) img{
    width: 55px;
    height: 55px;
    margin-top: 60px;
}
.cont-box .voyage-box:nth-child(4){
    left: 570px;
    top: 180px;
    text-align: left;
}
.cont-box .voyage-box:nth-child(4) .voyage-box-text{
    margin-left: 20px;
    margin-top: 20px;
}
.cont-box .voyage-box:nth-child(4) img{
    width: 55px;
    height: 55px;
}
.cont-box .voyage-box:nth-child(3){
    right: 830px;
    top: 170px;
    text-align: right;
}
.cont-box .voyage-box:nth-child(3) .voyage-box-text{
    margin-right: 30px;
}
.cont-box .voyage-box:nth-child(3) img{
    width: 50px;
    height: 50px;
    margin-top: 45px;
}
.cont-box .voyage-box:nth-child(2){
    left: 500px;
    top: 320px;
    text-align: left;
}
.cont-box .voyage-box:nth-child(2) .voyage-box-text{
    margin-left: 20px;
    margin-top: 20px;
}
.cont-box .voyage-box:nth-child(2) img{
    width: 50px;
    height: 50px;
}
.cont-box .voyage-box:nth-child(1){
    right: 900px;
    top: 390px;
    text-align: right;
}
.cont-box .voyage-box:nth-child(1) .voyage-box-text{
    margin-right: 30px;
}
.cont-box .voyage-box:nth-child(1) img{
    width: 50px;
    height: 50px;
}
/* part05 */
.home-card .part05{
    overflow: hidden;
    position: relative;
    background: url(../img/part03-bg.png) center no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 830px;
}
.cont-box .cont-box-left{
    width: 40%;
    float: left;
}
.cont-box .cont-box-right{
    width: 60%;
    float: right;
}
.part05 .cont-box .company-intr{
    width: 700px;
    margin-left: 0;
}
.part05 .cont-box .company-intr p{
    color: #fff;
}
.terms-ul.kpi_sign{
    float: right;
    width: 700px;
    margin-top: 50px;
}
.terms-ul.kpi_sign li{
    padding: 20px 0;
    margin: 0;
    width: 220px;
    margin-right: 20px;
    border-radius: 30px;
}
.terms-ul.kpi_sign li:last-child{
    margin-right: 0;
}
.terms-ul.kpi_sign li p{
    margin: 0;
}
.kpi_sign li .sign-title{
    font-size: 16px;
    color: #403F3F;
}
.kpi_sign li .sign-num{
    font-size: 60px;
    color: #2289AB;
    font-weight: bold;
}
.kpi_sign li .sign-unit{
    font-size: 36px;
    color: #2289AB;
    font-weight: bold;
}
.kpi_sign li .sign-text{
    font-size: 20px;
    font-weight: bold;
}
.terms-ul.kpi_sign li:hover{
    box-shadow: 0 0 20px #1a627a;
}
.cont-box-left .box-left-img{
    width: 435px;
    height: 450px;
}
.box-left-text .ball-text{
    width: 110px;
    font-size: 30px;
    color: #127E9C;
    position: absolute;
    font-weight: bold;
}
.box-left-text .ball-text:nth-child(1){
    top: 37px;
    left: 166px;
}
.box-left-text .ball-text:nth-child(2){
    top: 100px;
    left: 5px;
}
.box-left-text .ball-text:nth-child(3){
    top: 100px;
    left: 320px;
}
.box-left-text .bottom-text{
    font-size: 30px;
    color: #fff;
    position: absolute;
    font-weight: bold;
    top: 367px;
    left: 128px;
    letter-spacing: 2px;
}
.home-card .part06{
    overflow: hidden;
    position: relative;
    background: #ffffff;
    background-size: 100%;
    width: 100%;
    height: 830px;
}
.part06 .cont-box .company-sec{
    float: left;
    margin-left: 50px;
}
.part06 .cont-box .company-sec:nth-child(1){
    width: 700px;
    margin-top: 40px;
}
.part06 .cont-box .company-sec:nth-child(2){
    height: 450px; 
    float: left;
}
.part06 .cont-box .company-sec:nth-child(3){
    height: 450px; 
    float: right;
}
.cont-box .company-sec p{
    font-size: 24px;
    margin-top: 20px;
    letter-spacing: 1px;
}
.part06 .cont-box .company-sec:nth-child(1) p{
    width: 700px;
    margin-top: 40px;
}
.cont-box .company-sec .user-tcp{
    font-size: 24px;
    position: absolute;
    top: 195px;
    right: 60px;
    letter-spacing: 1px;
}
/* part07 */
.home-card .part07{
    overflow: hidden;
    position: relative;
    background: url(../img/part07-bg.png) center no-repeat;
    width: 100%;
    background-size: 100% 100%;
}
.home-card .part07 .cont-box{
    margin-bottom: 60px;
}
.part07 .box-middle p{
    font-size: 32px;
    color: #fff;
    margin-top: 10px;
    letter-spacing: 2px;
}
/* part08 */
.home-card .part08{
    overflow: hidden;
    position: relative;
    background: #ffffff;
    background-size: 100%;
    width: 100%;
    height: 780px;
}
.part08 .cont-box .piece-align{
    justify-content: space-around;
    display: flex;
    align-items: center;
    margin-bottom: 45px;
}
.part08 .cont-box .terms-ul li{
    margin-left: 0;
    width: 380px;
}
.part08 .terms-ul li img{
    margin-top: 0;
}
/* part09 */
.home-card .part09{
    overflow: hidden;
    position: relative;
    background: url(../img/part03-bg.png) center no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 880px;
}
.part09 .terms-ul li{
    width: 380px;
}
.part09 .four-terms p{
    font-size: 32px;
    font-weight: bold;
    color: #10293f;
    padding: 50px 0;
    letter-spacing: 2px;
}
/* part10 */
.part10 .four-terms img{
    margin-bottom: 40px;
}
/* part11 */
.home-card .part11{
    overflow: hidden;
    position: relative;
    background: url(../img/part03-bg.png) center no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 780px;
}
.part11 .terms-ul li{
    width: 380px;
}
/* .part11 .terms-ul li:nth-child(1){
    width: 500px;
} */
.part11 .cont-box .piece-align{
    justify-content: space-between;
    display: flex;
    align-items: center;
}
.part11 .piece-align-left{
    width: 380px;
    height: 320px;
    background: #fff;
    padding: 40px 160px 50px 30px;
    text-align: left;
    font-family: "Microsoft YaHei";
    line-height: 35px;
    letter-spacing: 2px;
}
.part11 .piece-align-left p{
    font-size: 28px;
    color: #127E9C;
    font-weight: bold;
    margin-bottom: 40px;
}
.part11 .piece-align-left .details{
    font-size: 18px;
    text-indent: 40px;
}
.part11 .piece-align-right{
    width: 340px;
    height: 320px;
    background: #fff;
    padding: 30px 40px 50px 30px;
    text-align: left;
    font-family: "Microsoft YaHei";
    letter-spacing: 2px;
}
.part11 .terms-ul{
    float: left;
    height: 100%;
}
.part11 .cont-box .terms-ul li{
    margin-left: 0;
    width: 100%;
    height: 30%;
    margin-bottom: 20px;
    padding: 5px;
}
.piece-align-right .cont-img{
    width: 40%;
    height: 100%;
    float: left;
    margin-right: 20px;
}
.piece-align-right .cont{
    float: left;
    width: 53%;
    color: #000;
    height: 100%;
}
.part11 .terms-ul li img{
    margin-top: 0;
}
.piece-align-right .cont .cont-title{
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: left;
    height: 45%;
}
.piece-align-right .cont .cont-foot{
    font-size: 14px;
    position: absolute;
    bottom: 5px;
    width: 180px;
}
.cont .cont-foot .author{
    width: 35%;
    float: left;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.cont .cont-foot .update{
    width: 62%;
    float: right;
    text-align: right;
    /* overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; */
}
.part11 .video-box{
    position: absolute;
    width: 380px;
    height: 325px;
    left: 430px;
    background: #000;
    top: 45px;
}
/* footer */
.footer-box .line-split{
    border-bottom: 2px solid #127E9C;
    margin-top: 35px;
}
.footer-box .add-area{
    font-size: 25px;
}
.footer-box .add-area ul{
    justify-content: space-between;
    display: flex;
    align-items: center;
    width: 80%;
    float: left;
}
.footer-box .add-area .more{
    width: 20%;
    float: left;
    text-align: right;
    margin-top: 8px;
    padding-top: 10px;
}
.footer-box ul li{
    border-top: 8px solid gray;
    cursor: pointer;
    padding-top: 10px;
}
.footer-box ul li:not(:last-child){
    border-top: 8px solid gray;
}
.footer-box ul li.active{
    border-top: 8px solid #127E9C;
    color: #127E9C;
}